探索React Native Picker：智能选择器组件的高效解决方案

import React, { useState } from 'react';
import { View, Picker, Text } from 'react-native';
 
const PickerExample = () => {
  const [selectedValue, setSelectedValue] = useState('key1');
 
  return (
    <View>
      <Picker
        selectedValue={selectedValue}
        onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
      >
        <Picker.Item label="选项一" value="key1" />
        <Picker.Item label="选项二" value="key2" />
        <Picker.Item label="选项三" value="key3" />
      </Picker>
      <Text>选中的值: {selectedValue}</Text>
    </View>
  );
};
 
export default PickerExample;

这段代码展示了如何在React Native应用中使用Picker组件来创建一个简单的选择器。它使用了Hooks API useState来管理选择器当前的选中值，并在用户更改选项时更新这个状态。这是目前React Native开发中一个常见且有效的模式。