推荐使用:React Native Element Dropdown — 灵活定制的下拉菜单组件
import React from 'react';
import { View } from 'react-native';
import { Dropdown } from 'react-native-elements';
export default class DropdownExample extends React.Component {
state = {
selectedItem: undefined,
};
render() {
const items = [
{ key: 1, value: 'first' },
{ key: 2, value: 'second' },
{ key: 3, value: 'third' },
];
return (
<View style={{ marginTop: 20 }}>
<Dropdown
label='Select an item'
data={items}
onChange={(item) => this.setState({ selectedItem: item })}
value={this.state.selectedItem}
/>
</View>
);
}
}
这段代码演示了如何使用react-native-elements
中的Dropdown
组件来创建一个下拉菜单。它定义了一个简单的下拉菜单,并在用户选择一个选项时更新状态。这个例子可以作为开发者学习和实践如何在React Native应用中使用下拉菜单组件的起点。
评论已关闭