在反应本机中使用navigationOptions

Question

我在组件中使用了navigatioinOptions。

问题是当我使用navigationOptions时，空间总是离开。

这里是我的代码：

static navigationOptions = ({ navigation }) => { 
return { 
    headerLeft: ... 
    } 
} 

我附上图像文件。

请帮帮我。 谢谢你的时间。

Answer 1

假设你的截图代表headerLeft独自一人，因此布局不符合典型headerLeft |标题| headerRight安排，我建议你把所有这些元素融入header孤单。这样，你就会有你需要的任何东西，即整个空间：它看起来像

static navigationOptions = ({ navigation }) => { 
    return { 
    header: (
     <View 
     style={{ 
      backgroundColor: "red", 
      paddingTop: 21, 
     }} 
     > 
     <View style={{ backgroundColor: "yellow" }}> 
      <Text>This is 100% wide</Text> 
     </View> 
     </View> 
    ), 
    }; 
}; 

：

注意，在使用头这样你就需要自己照顾所有平台特定的风格。您可能会发现Header.js' source code对此很有帮助。