记录RN react-navigation安卓标题居中问题

左右_

于 2022-07-13 16:18:46 发布

阅读量744

点赞数 1

文章标签： react.js android react native

本文链接：https://blog.csdn.net/weixin_46492925/article/details/125766579

版权

问题

在使用react-navigation的时候，发现在安卓模拟器上，navigation的导航栏是偏左的，查阅了一些资料后解决这个问题，在这里记录下来，当是学习的过程中遇到的问题。

方案

在Stack.Screen的options属性传入headerTitleAlign: "center"即可实现居中效果
代码：

const App= () => {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} options={{ headerTitle: "Home", headerTitleAlign: "center" }} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};