reactjs 如何在我的项目中使用react-native-paper-dropdown中的下拉列表?

bsxbgnwa  于 2023-04-11  发布在  React
关注(0)|答案(1)|浏览(193)

我想使用react-native-paper在我的应用程序中添加一个TextInput下拉列表
但是我在他们的文档中没有找到这样的组件。经过一些研究,我发现了一个使用react-native-paper作为下拉功能的包,它似乎非常适合我。但是当我尝试它时,我得到了一个带有向下箭头的黑色小文本输入。如下图所示

我找到的包是react-native-paper-dropdown
我甚至在expo cli中的Snack Expo上尝试过,但这对任何Android设备都不起作用(QR扫描)。但令人惊讶的是,它在Snack ExpoWeb 部分运行。
这里是我尝试(Click Me)的世博会的链接
请帮帮忙!!!
感谢您的评分

s1ag04yj

s1ag04yj1#

使用react native paper下拉库中的Provider

<Provider>            
        <DropDown            
            label='Project Status'
            mode='outlined'
            value={projectStatus}
            setValue={setProjectStatus}
            list={status}
            visible={showDropdown}
            showDropDown={() => setShowDropdown(true)}
            onDismiss={() => setShowDropdown(false)}
            dropDownStyle={{
                width:'100%',
            }}
        />                
    </Provider>

相关问题