反应导航标题已包装

通过与设备宽度匹配的宽度指定headerTitleStyle来求解它。

static navigationOptions = {
    title: "Personal Information",
    headerBackTitle : null,
    headerTitleStyle : {width : Dimensions.get('window').width}
};

如果您的标题根据您传递给的内容动态更改 route 作为参数,标题将不会被截断并溢出。为了避免这种情况,您可以这样做:

function truncate(str: string, n: number) {
  return str.length > n ? str.substr(0, n - 1) + '...' : str;
}

<YourStack.Screen
  name="MyScreen"
  component={MyScreen}
  options={({ route }) => ({
    title: truncate(route.params.yourObject.title, 15),
  })}
/>

truncate