如何使用React Navigation和Class组件创建底部标签栏?

wgx48brx  于 2023-02-13  发布在  React
关注(0)|答案(1)|浏览(115)

我看过很多例子来说明它是如何使用函数组件的,但问题是我如何使用类呢?我还没有找到一个例子!
以下是它如何使用函数:Snack
我真的需要你帮忙!

g6ll5ycj

g6ll5ycj1#

我很高兴地告诉你,在react-navigation 6中,这对于类组件是完全可能的!

yarn add @react-navigation/bottom-tabs
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();

class MainPage extends React.Component<any, any> {

    render() {
        return (
            <Tab.Navigator>
                <Tab.Screen name="Home" component={HomeScreen} />
                <Tab.Screen name="Settings" component={SettingsScreen} />
            </Tab.Navigator>
        );
    }
}

相关问题