探索React Native的魅力：Alinz的Dropdown组件

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
 
const Dropdown = ({ label, items }) => {
  const [selectedItem, setSelectedItem] = React.useState(items[0]);
 
  return (
    <View style={styles.dropdown}>
      <Text style={styles.label}>{label}</Text>
      <Text style={styles.selectedItem}>{selectedItem}</Text>
      {/* 这里可以添加下拉箭头图标或其他UI */}
    </View>
  );
};
 
const styles = StyleSheet.create({
  dropdown: {
    // 样式定义了下拉组件的容器
  },
  label: {
    // 样式定义了标签文本的显示
  },
  selectedItem: {
    // 样式定义了选定项文本的显示
  }
});
 
export default Dropdown;

这个简单的下拉组件使用React Hooks来管理状态，并通过样式表styles提供了基本的样式定义。开发者可以根据自己的需求进一步扩展这个组件，比如添加选项列表、箭头图标、处理选项点击等功能。