Question

我已经为我的“材料顶部标签”导航器创建了tabBarComponent 导航工作正常，我想不出一种样式来设置tabBarComponent的方法这就是我所谓的tabBarComponent的方式：

//retrieve base64 file from web server

$fileBase64 = get_base64_encoded_file_from_ws();

$fileDecoded = base64_decode($fileBase64);

header(‘Content-Disposition: attachment; filename="xxxxx.xml"’);
header(‘Content-type: “text/xml”; charset=“utf8”’);
header(‘Connection: close’);

echo $fileDecoded;

我说过的导航没有错误，但是我尝试找到一种方式来定制我的自定义组件的样式，

tabBarComponent:({navigation})=>{return <CustomTab pprop={navigation} />} ,

这些样式不会影响我的组件，如果我去了CustomTabBar组件，尝试在那里设置样式，则此解决方案无效，请您帮我解决问题，这就是我在组件内部进行样式设置的方式

tabBarComponent:({navigation})=>{return <CustomTabBar pprop={navigation} style = {{tabBarOptions: {
      scrollEnabled: true,
      labelStyle: {
        fontSize: 10,
        paddingTop:10,
      },
      tabStyle: {
        width: Dimensions.get('window').width / 3,
      } 
} }}/>} ,

Answer 1

我认为您的CustomTabBar具有错误的属性，无法设置您的样式。例如，inactiveTintColor是tabBarOptions的道具。所以我认为您的自定义组件应该像


        <CustomTabBar
                     style={{
                        width: Dimensions.get('window').width / 3,
                      }}/>

其他道具应设置为createBottomTabNavigator功能或其他功能。

如何在反应导航中自定义tabBarComponent的样式

1 个答案: