react-native - React Native Picker 可以在某些项目之间有某种分隔符或分隔符吗?

标签 react-native picker divider native-base

在其他 React Native 和 Native Base 组件中,我发现在主要的可选条目项中,您可以添加通常称为分隔符或分隔符的不可选择的内容。

但是,我在 Picker 组件中看不到任何此类内容。

我正在实现诸如收藏夹或最近的项目之类的东西,这些项目在选择器顶部排序。如果能够在最喜欢/最近的部分和主要部分之间插入一种可见的分界线,那就太好了。

+-----------+
| Ford      |
| Chevrolet |
+-----------+
| Toyota    |
| Nissan    |
| ...       |

如果我可以在每个部分之前添加一个带有文本的标题,那就更好了。

+-----------+
|==Recent===|
+-----------+
| Ford      |
| Chevrolet |
+-----------+
|=The rest==|
+-----------+
| Toyota    |
| Nissan    |
| ...       |

Picker 组件是否提供此功能,或者可以轻松添加吗?

最佳答案

RN 的 Picker 组件不提供开箱即用的功能。如果您想使用高度可定制的Picker,您最好使用 https://github.com/sohobloo/react-native-modal-dropdown 。有一个名为 renderSeparator 的 API 属性,我认为您可以轻松地使用它来实现您的目的。

关于react-native - React Native Picker 可以在某些项目之间有某种分隔符或分隔符吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46009319/

相关文章:

c# - 如何在 Xamarin Picker 控件中显示字符串和图像两个项目?

android - 垂直 LinearLayout 的分隔线?

html - Div 标签内的垂直间距

react-native - 使用连接时出错(react-redux 库的功能)

reactjs - React Native 0.64 FBReactNativeSpec 语法错误 : Unexpected token ) PhaseScriptExecution

android - 如何将十六进制颜色代码 #RRGGBB 转换为 R、G、B 值

iphone - 如何将自定义分隔线图像添加到 UITabBar?

ios - 无法通过 CocoaPods 构建 React Native 0.61.1

android - 如何使通知灯在 android 上以 react-native 工作?

ios - 表单中的选取器在SwiftUI中留下了领先的空间