Как реализовать флажок вact-native, который поддерживает ios и android в Flatlist

Question

Флажок (https://facebook.github.io/react-native/docs/checkbox), т.е. присутствующий на официальном сайте, поддерживает только Android.

Как мы можем установить флажок в реагировать на родной, который может поддерживаться как в iOS и Android?

Answer 1

Вы можете попробовать использовать <CheckBox /> компонент NativeBase (https://docs.nativebase.io/Components.html#checkbox-headref) и он должен работать на обеих платформах.

Пример:

 <CheckBox 
    checked={this.state.checked}
    onPress={()=>this.setState({ checked: !this.state.checked})}
  />

Answer 2

Если вы ищете способ визуализации логического значения исключительно в React Native, вы можете попробовать switch , например, так:

<Switch value={item.selected} onValueChange={selected => this.setState({selected })/>

Переключатель отображается так:

В противном случае, если вы ищете флажок, вы можете попробовать библиотеку React Native Elements . Вот так:

import { CheckBox } from 'react-native-elements'

<CheckBox
  title='Click Here'
  checked={this.state.checked}
/>