我有一个数组在我的state名为Categories.

以下是它的价值:['Food', 'Home', 'Savings'].

我的目标是,我需要将它们呈现为Picker.items,供用户 Select .

这怎么可能?

我try 在Picker对象中使用ListView,但当我导航到该页面时,

AppName停止工作

提示.

推荐答案

您不需要在picker秒内使用listview

var options ={
    "1": "Home",
    "2": "Food",
    "3": "Car",
    "4": "Bank",
};

<Picker
    style={{your_style}}
    mode="dropdown"
    selectedValue={this.state.selected}
    onValueChange={()=>{}}>
    {Object.keys(options).map((key) => {
        return (<Picker.Item label={this.props.options[key]} value={key} key={key}/>) //if you have a bunch of keys value pair
    })}
</Picker>

2) 当你有一个数组的值

var options =["Home","Savings","Car","GirlFriend"];

<Picker
    style={{your_style}}
    mode="dropdown"
    selectedValue={this.state.selected}
    onValueChange={()=>{}}> //add your function to handle picker state change
    {options.map((item, index) => {
        return (<Picker.Item label={item} value={index} key={index}/>) 
    })}
</Picker>

React-native相关问答推荐

复活的夹子在Panguesture上崩溃

在AWS-Amplify js v6中检索原始的accesToken和idToken

react 在顶部选项卡导航中传递本机数据

哪个版本的@stripe/stripe-react-native 模块支持 react native 0.62.0 typscript 模板?

React onPress 立即执行(渲染时间),但是一旦用箭头函数替换它就不起作用

React Native 的 Firebase 初始错误(无法读取未定义的属性getItem)

找不到变量 atob

ReactJS toLowerCase 不是一个函数

子视图覆盖的容器borderRadius,这是一个bug吗?

在react native 中出现Cannot read property 'pick算法rithm' of null错误

无法解析模块 react/lib/ReactUpdates

你如何从 React Native 的 EventEmitter 实例中移除一个监听器?

使用 WSL2 运行时如何将手机连接到 expo

React Native require(image) 返回数字

React Native 动画 - zoom 时 translateX 和 translateY

React Native EXPO Apple 上传失败

设置 react-native 元素时使用特定的包名称

由于对 sourcetree 的 husky 预推送,Git 推送失败

当前未启用语法nullishCoalescingOperator

xcode 使用错误的 node.js 版本