react-native - 构建 UI react-native 需要哪个组件

Question

我想构建UI如下图所示，谁能建议我需要使用哪些组件来在 react-native 中制作这个 UI

这是身高

这对于性别

标签： react-nativestyles

Answer 1

使用选择器height

核心中的https://reactnative.dev/docs/picker#__docusaurus已弃用。

独立模块

https://github.com/react-native-community/react-native-picker

将此用于gender.

来自核心的https://reactnative.dev/docs/segmentedcontrolios#__docusaurus已弃用。

独立模块

https://github.com/react-native-community/segmented-control

编辑：对于性别这样做

<Picker
  selectedValue={this.state.language}
  style={{height: 50, width: 100}}
  onValueChange={(itemValue, itemIndex) =>
  this.setState({language: itemValue})}>
    { YourData.map(item=>
     <Picker.Item label={item.label} value={item.value} />
      )
    }
  </Picker>