时间戳

首页 > 解决方案 > React Native - 顶部栏导航 - 指示器

react-native - React Native - 顶部栏导航 - 指示器

问题描述

我想完成这个：https ://i.stack.imgur.com/NNrP3.png ，

目前的情况是：https ://i.stack.imgur.com/s1rI5.png ,

我无法在每个选项卡上创建那条灰线，当我通过我的导航器时，我的实际橙色指示器将越过那条灰线。

感谢所有的帮助。

标签： react-native

解决方案

最后我想出了如何去做，如果有人有同样的问题，这里有一个例子：

 tabBarOptions={{
    activeTintColor: getThemeColor("white", app.appTheme),
    style: {
      backgroundColor: getThemeColor("background"),
      elevation: 0,
      borderBottomWidth:_generalSize(1),
      borderBottomColor: getThemeColor('textInputPlaceholder'),
    },

我只是把 tabBarOptions style: 放在里面，然后我把普通的边框放在底部。

推荐阅读