同一屏幕的多个路径，在React Native中具有单个渲染

发布于 2025-02-08 08:45:32 字数 316 浏览 2 评论 0原文

我有一个带有两条路由的屏幕。这两条路线在底部的tabnavigator中。我的问题是目标屏幕渲染两次。每条路线的不同渲染。

<Tab.Screen name="Home" component={ HomeScreen } options={{ title: 'Home' }} />
<Tab.Screen name="NewProduct" component={ HomeScreen } options={{ title: 'Neues', lazy:false }} />

有什么方法可以在没有双重渲染的情况下执行此操作？

原文

I have a screen with two routes pointing to it. These two routes are in a BottomTabNavigator. My problem is that the target screen is rendered twice. A different rendering for each route.

<Tab.Screen name="Home" component={ HomeScreen } options={{ title: 'Home' }} />
<Tab.Screen name="NewProduct" component={ HomeScreen } options={{ title: 'Neues', lazy:false }} />

Is there any way to do this without double rendering?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

白首有我共你 2025-02-15 08:45:33

这是我的解决方案：

  <Tab.Screen name="Home" component={ HomeScreen } options={{ title: 'Home' }} />
  <Tab.Screen
    name="New"
    component={HomeScreen}
    options={({ navigation }) => ({
      tabBarButton: (props) => (
        <TouchableOpacity 
          style={{
            
          }}
          onPress={() => {
            setNewProductInput(true);
            navigation.navigate('Home');
          }}
        >
          <Text>New</Text>
        </TouchableOpacity>
      ),
    })}
  />

This was my solution:

  <Tab.Screen name="Home" component={ HomeScreen } options={{ title: 'Home' }} />
  <Tab.Screen
    name="New"
    component={HomeScreen}
    options={({ navigation }) => ({
      tabBarButton: (props) => (
        <TouchableOpacity 
          style={{
            
          }}
          onPress={() => {
            setNewProductInput(true);
            navigation.navigate('Home');
          }}
        >
          <Text>New</Text>
        </TouchableOpacity>
      ),
    })}
  />

回复收藏 0 原文

~没有更多了~