探索 React Native 轮播选择器：`react-native-wheel-picker`

import React, { useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import WheelPicker from 'react-native-wheel-picker';
 
const App = () => {
  const [selectedValue, setSelectedValue] = useState('Item1');
 
  return (
    <View style={styles.container}>
      <WheelPicker
        data={['Item1', 'Item2', 'Item3', 'Item4', 'Item5']}
        selectedValue={selectedValue}
        onValueChange={(value) => setSelectedValue(value)}
      />
      <Text style={styles.selectedText}>Selected: {selectedValue}</Text>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  selectedText: {
    marginTop: 10,
    fontSize: 18,
  },
});
 
export default App;

这段代码展示了如何在React Native应用中使用react-native-wheel-picker库来创建一个简单的轮播选择器。它包括了一个状态管理的例子，展示了如何使用useState钩子来跟踪选中的值，并在用户选择时更新它。同时，它还展示了如何使用StyleSheet来定义简单的样式。这是学习React Native开发的一个很好的起点。