如何在我的项目中使用来自 react-native-paper-dropdown 的下拉菜单？答案

【问题标题】：How do I use the Dropdown from react-native-paper-dropdown in my project?如何在我的项目中使用来自 react-native-paper-dropdown 的下拉菜单？
【发布时间】：2021-06-22 13:49:41
【问题描述】：

我想使用react-native-paper在我的应用中添加TextInput 下拉菜单。

但我在他们的文档中没有发现这样的组件。经过一番研究，我发现了一个使用react-native-paper 作为下拉功能的包，它似乎对我来说是完美的。但是当我尝试它时，我会得到一个带有向下箭头的黑色小文本输入。如下图所示

我找到的包是react-native-paper-dropdown

我什至在expo cli 中的Snack Expo 上尝试过，但这不适用于任何安卓设备（QR 扫描）。但令人惊讶的是，它在 Snack Expo 的 web 部分运行。

这是我尝试过的博览会链接(Click Me)

请帮忙！！

谢谢！！

【问题讨论】：

标签： reactjs react-native react-native-paper

【解决方案1】：

使用 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>

【讨论】：