React native Can'；t使用react本地纸张和@react导航/底部选项卡滚动

我有：

(
),
}}
/>
(
),
}}
/>
(
),
}}
/>
;

---

它加载的很好，但我不能滚动。我还使用

react native web

尝试使其与web兼容。

这似乎实际上是Expo的问题，我希望您使用Expo来测试应用程序。此问题在React Navigation repo中描述：

如果是这样，更新/重新安装Expo似乎可以解决您的问题

还有一个旧的世博会web集成修复程序也存在此问题，如本期所述：

---

理论上它是固定的，但如果您使用的是旧版本的React导航。。。嗯，似乎可以通过将

cardStyle

属性设置为

{flex:1}

来解决这个问题。是否要滚动

对话

组件？如果是这样的话，你能不能加一个这样的例子？

<PaperProvider theme={theme}>
  <NavigationContainer>
    <Tab.Navigator initialRouteName="Feed">
      <Tab.Screen
        name="Home"
        component={Conversations}
        options={{
          tabBarLabel: "Home",
          tabBarIcon: ({ color, size }) => (
            <AntDesign name="home" size={size} color={color} />
          ),
        }}
      />
      <Tab.Screen
        name="Explore"
        component={Conversations}
        options={{
          tabBarLabel: "Explore",
          tabBarIcon: ({ color, size }) => (
            <AntDesign name="find" size={size} color={color} />
          ),
        }}
      />
      <Tab.Screen
        name="Profile"
        component={Conversations}
        options={{
          tabBarLabel: "Profile",
          tabBarIcon: ({ color, size }) => (
            <AntDesign name="setting" size={size} color={color} />
          ),
        }}
      />
    </Tab.Navigator>
  </NavigationContainer>
</PaperProvider>;