react-native - SegmentedControlIOS for android in react-native

Question

我对在 react-native 中使用 SegmentedControlIOS 感到困惑，我在 IOS 模拟器中检查它是否有效，但是当我在 android 中检查它时，它会引发如下错误

SegmentedControlIOS is not supported on this platform

这是我的代码:

<View >
        <SegmentedControlIOS 
        tintColor="#D7D7D5"
        style={styles.SegmentedControlIOS}

         values={this.state.values}
          selectedIndex={this.state.selectedIndex}
          onChange={this._onChange}
          onValueChange={(val) =>{
            this.setState({
              value:val
            })
          }}/>        
        </View>

任何人都可以给我关于如何将 SegmentedControlIOS 用于 android 和 IOS 的建议，非常感谢这方面的任何帮助。

Answer 1

SegmentedControl是 iOS 上的内置原生组件。但是，Android 上没有直接等效项，这就是为什么 react 原生组件名称以 IOS 结尾的原因。并且在 Android 上不支持。没有明显的方法使内置组件在 Android 上工作。

这让您有两个选择:

使用标准组件使用或创建您自己的版本。此 library具有可在两种操作系统上运行的分段控件的良好近似。

在 iOS 和 Android 上使用两个独立的组件，这可以通过创建两个名为的文件自动完成:componentName.android.js和 componentName.ios.js (请参阅 here 了解更多信息，为每个平台使用不同的代码)。
iOS 特定代码可以使用 iOS 分段控件，Android 版本可以使用类似 https://github.com/zzyyppqq/react-native-segmented-android 的代码。或自定义实现。