React Native Picker可以在某些项目之间使用某种分隔符或分隔符吗？

在其他React Native和Native Base组件中，我已经看到在主要可选条目中可以添加通常称为分隔符或分隔符的不可选项。React Native Picker可以在某些项目之间使用某种分隔符或分隔符吗？

但是我看不到Picker组件中的那种东西。

我正在实施类似收藏夹或最近的项目排序在选择器的顶部。能够在最喜欢/最近的部分和主部分之间插入一种可见的分界线将是很好的。

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

如果我可以在每个部分之前添加带有文本的标题，那将会更好。

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

Picker组件是否提供此功能，或者它是否可以轻松添加？

来源

2017-09-02 hippietrail

来自RN的Picker组件不提供这种开箱即用的功能。如果您想使用可定制的Picker，则最好使用https://github.com/sohobloo/react-native-modal-dropdown。有一个叫做renderSeparator的API道具，我认为你可以很容易地使用它来达到你的目的。

来源

2017-09-02 11:53:38 wlisrausr

不确定在选取器项目列表中创建部分。你可以做的是在选定的行上添加行。

IOS

您可以Picker组件上添加itemStyle道具。因此，您可以在选定元素上添加边框。

这里是我做了什么

<Picker 
    selectedValue={filter} 
    onValueChange={this._onFilterSelect} 
    style={sharedStyles.floatingPicker} 
    itemStyle={{ borderTopWidth: 1, borderTopColor: '#000', borderBottomWidth: 1, borderBottomColor: '#000' }} 
>

的Android

你可以找到Android的here解决方案，但我从来没有测试过。该解决方案将为应用中的所有选取器添加样式。如果这是你想要的，那很酷。

关于标题，我不知道这种构建的元素existe。作为一个Picker.Item存在，它将很高兴有一个Picker.Header什么的，但我从来没有在文档或互联网上找到这样的东西。如果我找到可以帮助的事情，我会把它放在这里。

希望这会有所帮助

来源

2017-09-14 08:45:29 ansmonjol

React Native Picker可以在某些项目之间使用某种分隔符或分隔符吗？

回答

相关问题