我是反应原生的新手我想用搜索,设置等工具实现像whatsapp功能一样的折叠工具栏。对于可滚动的标签栏,我使用的是react-native-tab-view。我搜索了很多,但我没有得到任何舒适的例子。有没有可用的例子?所以我可以在我的项目中实现该功能。
欢迎任何建议。
答案 0 :(得分:1)
如果您搜索过但没有找到任何内容,那么您可以自己创建。 例如,假设您想要重现与Android Whatsapp完全相同的行为,在这种情况下,您将需要以下内容:
<View>
保留您的内容
<TouchableWithoutFeedback>
调用openMenu方法
<Icon>
有类似fontawesome的东西来添加垂直点
<View>
另一个持有你的选择
<TouchableHighlight>
调用你的onItemPress方法
<Text>
来保存您的短信
你的作品将使用flexbox,过渡和不透明度来设计它,使它看起来像你想要的。
如果您发现该组件可以在项目中的多个位置重复使用,那么您可以在像toolbar.js这样的独立文件中创建它以将其导出然后导入到任何需要的位置
import Toolbar from './toolbar'
...
render() {
...
<Toolbar />
...
}
有关我提到的所有内容的详情,请查看官方文档:https://facebook.github.io/react-native/docs/getting-started.html
从那里,您可以了解我提到的所有组件,如何设置样式的提示以及如何导出/导入组件。
希望有所帮助