InputAccessoryView

Note

Remember the following points when using InputAccessoryView:

It is currently supported on tvOS only.
It can only take a single Image component as a child.

Properties

Property	Supported	Supported on Roku	Dynamic on Roku
backgroundColor	~x	~x	~x
nativeID	~v	~x	~x
style	~x	~x	~x

The following code sample illustrates InputAccessoryView with a single Image component as child:

<View>
  <ScrollView>
    <TextInput
      style={{
        padding: 20,
        paddingTop: 30,
      }}
      inputAccessoryViewID={inputAccessoryViewID}
      value={this.state.text}
    />
  </ScrollView>
  <InputAccessoryView nativeID={inputAccessoryViewID}>
    <Image
      source={{uri: 'https://via.placeholder.com/720x405/fa8072?text=Image'}}
    />
  </InputAccessoryView>
</View>