可折叠的工具栏，如whatsapp in react native

Question

我是反应原生的新手我想用搜索，设置等工具实现像whatsapp功能一样的折叠工具栏。对于可滚动的标签栏，我使用的是react-native-tab-view。我搜索了很多，但我没有得到任何舒适的例子。有没有可用的例子？所以我可以在我的项目中实现该功能。

欢迎任何建议。

Answer 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

从那里，您可以了解我提到的所有组件，如何设置样式的提示以及如何导出/导入组件。

希望有所帮助