问题标签 [react-native-tab-view]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何在 react-native-tab-view 中使用 renderScene 将道具传递给 FlatList？
我是 React Native 的新手，并试图将道具传递ListHeaderComponent给FlatList
这是代码：
但是当我保存它时，屏幕会记录错误：找不到 isFollowed 的值
我认为问题在于我传递道具的方式。我还在学习它。因为当我删除 时ListHeaderComponent，FlatList仍然可以很好地生成图像列表。而且不知道有没有关系renderScene
我真的不明白为什么
请帮我。非常感谢
react-native - 当任何项目更改在选项卡视图中
我正在使用 react-native-community/react-native-tab-view 来呈现两个平面列表，它们基本上是带有复选框的清单。
平面列表的代码从以下位置返回：
选项卡视图代码是
渲染场景为
该复选框从主功能类中获取 updateItem 函数，并将其 ID 添加到勾选框列表中。当我使用 listRoute 函数时，单击复选框会导致整个平面列表重新呈现，并且用户被带到列表的顶部。如果我不使用函数而只是将平面列表单独放入，那么这不会发生。
编辑：经过进一步调查，如果我完全删除选项卡视图部分，我仍然会遇到同样的问题。如果我只是将平面列表放入，则列表不会重新呈现到顶部，但如果我将组件放入，则它会。
reactjs - 为什么滚动条位于使用 react-native-tab-view 反应原生无限滚动的顶部
我在我的应用程序中使用react-native-tab-view ，其中有 2 个选项卡。我正在通过 API 调用加载Tab数据以在Tab侧创建无限滚动分页，当数据从 API 连接到我的 FlatList 数据中时，每次我的滚动条重置到顶部位置。我目前有这样的零食演示：https ://snack.expo.io/@luckyamit/9905d4
我不想在每个 API 调用中重置我的滚动条我已经搜索了很多这个问题，但没有找到我的解决方案。谁能帮我解决我的问题？
javascript - react-native-tab-view 从反应导航屏幕跳转到特定选项卡
我有 2 个用于导航的库。React 导航 v5 和 react-native-tab-view。来自反应导航的 3 个选项卡：主页/发现/个人资料。Discover 是一个带有反应原生选项卡视图的屏幕。我的主页中有几个按钮，按下它们后，它们应该导航到“发现”选项卡和“选项卡视图”中的特定选项卡。现在，我使用 React Navigation 进行了从 Home 到 Discover 的导航。但是，在导航到“发现”后如何跳转到特定选项卡？
这是 Home 中的一个元素，它拥有将我从 Home 导航到 Discover 的按钮：
这是发现屏幕中的选项卡视图：
react-native - react-native-tab-view - 隐藏特定的标签栏标签（不是场景）
我想知道以下是否可能......
我有一个实例，react-native-tab-view
在这下面有 3 个场景，但我只想在标签栏本身上显示其中 2 个作为可选场景。第三个场景实际上是存在的，但在发生事件时会被隐藏，直到自动显示（几秒钟）。
所以，我想要 UI 如下：
- 标签栏：
Scene A|Scene B - 选项卡视图：
Scene A|Scene B|Scene C
这可能吗？
reactjs - (react-native-tab-view) 在 TabBar 中使用 navigation.navigate？
我对 React Native 完全陌生，我正在为我们的一个客户构建一个应用程序。
我创建了一个屏幕，显示可以按字母顺序显示或按类别分组的名称列表。我使用该react-native-tab-view组件来完成这项工作。这两个选项卡中的每一个都呈现各自的屏幕组件，ScreenMapAlpha（显示一个 FlatList）和ScreenMapCategory（显示一个 SectionList）。
对于这些列表的每个renderItem道具，我想使用 TouchableOpacity 使每个项目都可以点击成为一个详细信息页面，但是我无法让 navigation.navigate() 函数工作，因为我不断收到此消息：
TypeError: undefined is not an object (评估 '_this3.props.navigation.navigate')
我一直在阅读react-native-tab-view Github 文档，但我找不到将导航对象传递到两个 Alpha/Category 屏幕组件以使其工作的方法。
我的代码如下所示：
map_alpha.js
map_cat.js
我正在为这个应用程序使用 StackNavigator：
mapstack.js
我一辈子都想不通 - 如何将导航对象从父屏幕传递到选项卡中的两个屏幕，以便 navigation.navigate() 工作？
reactjs - 反应原生状态在保存时恢复到初始状态
我正在构建一个 react-native 应用程序并在我的应用程序中使用 react-native-tab-view。
我的屏幕有两个选项卡，每个选项卡都有一个文本字段。
状态为MyScreen，我将stateandsetState作为道具传递给选项卡。
我添加useEffect了在状态更改时记录状态，当我在子选项卡上的两个字段中的任何一个中键入文本时，状态会正确更新。
屏幕在导航栏的标题右侧添加了一个保存按钮。
我的问题是状态已更新，但是当我单击保存时，它似乎被设置回初始值，因为日志在saveState函数中显示；
请指教。
react-native - TypeError：null 不是对象（评估'_ReanimatedModule.default.createNode'）
我无法解决这个问题，并浏览了以下文档 https://www.npmjs.com/package/react-native-tab-view
我也没有遇到任何关于这个问题的文件。我使用了上面链接中提到的相同示例代码。
我该如何解决这个问题？
javascript - 如何在本机反应中将值从一个选项卡发送到另一个选项卡
在我的代码中，我正在制作树选项卡，在第一个选项卡上有两个输入字段和按钮。现在在输入中输入值并单击按钮后，我必须将值发送到其他选项卡。就像在名称字段中一样，我输入名称“Abhi”，然后单击按钮，此 Abhi 应反映在选项卡 2 中。与动物字段相同，此动物应反映在第三个选项卡上。请帮忙
react-native-tab-view - 反应本机选项卡视图内的Textinput松散焦点
从'react'导入反应，{组件}；从 'react-native' 导入 { 视图、文本、尺寸、KeyboardAvoidingView、StyleSheet、ScrollView、Picker、TextInput、TouchableOpacity、Image、FlatList、SafeAreaView、Keyboard、I18nManager、InteractionManager }；从'../component/header'导入标题；从'react-native-tab-view'导入{ TabView，SceneMap，TabBar}；从'../component/Button'导入按钮；从'../component/Card'导入卡；从“../component/CardSection”导入 CardSection；从“../component/ImageCardSection”导入 ImageCardSection；从'axios'导入axios；从'../component/Spinner'导入微调器；从“react-native-dropdown-picker”导入 DropDownPicker；导入'react-native-gesture-handler' 从'导入 CarRescueScreen'。/汽车救援屏幕'; 从'react-native-reanimated'导入动画；