首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自定义选项卡栏而不是react导航

自定义选项卡栏而不是react导航
EN

Stack Overflow用户
提问于 2021-10-15 06:38:10
回答 1查看 158关注 0票数 0

是否可以在react原生中创建我自己的导航选项卡栏,而不是使用react导航。我想从头开始创建一些东西,这样我就不必学习react导航技术了。

EN

回答 1

Stack Overflow用户

发布于 2021-10-15 10:12:39

正如Michael Bahl已经指出的那样,在软件开发中使用框架可以让你在更短的时间内获得更多的功能。如果你足够幸运,你甚至可以得到一个经过良好测试的。

也就是说,react导航提供了轻松定制某些导航元素的能力。

代码语言:javascript
复制
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

const CustomTabNavigator = () => {
  return (
    <Tab.Navigator
      initialRouteName="HomeTab"
      screenOptions={{headerShown: false, tabBarShowLabel: false}}>
      <Tab.Screen
        name="NavigationTab"
        component={MyScreen}
        options={{
          tabBarIcon: ({color}) => <TabBarIcon name="compass" color={color} />,
        }}
       />
     </Tab.Navigator>  
   );
};

export default CustomTabNavigator;

Material Top Tabs和更多的导航器也是如此,它们甚至提供了一个用于定制的API。:-)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69580778

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档