适用于 Android 和 iOS 的相同 headerBackImageSource答案

【问题标题】：Same headerBackImageSource for Android and for iOS适用于 Android 和 iOS 的相同 headerBackImageSource
【发布时间】：2021-09-28 21:21:45
【问题描述】：

如何将 chevron 同时用于 Android 和 iOS 设备？跨平台使用一个默认图标的正确方法是什么？

【问题讨论】：

标签： reactjs react-native react-native-navigation

【解决方案1】：

您必须获得自己的图像或 svg 的 svg 并将其作为 headerBackImageSource 放入。或者您可以在 headerLeft 选项下构建一个自定义标题，如下所示：

        import chevron from './assets/chevron.png'

        <App.Screen
          options={() => ({
            title: Enrollment,
            headerBackTitleVisible: false,
            headerStyle: // styles,
            headerLeft: () => (
              <TouchableOpacity onPress={navigation.goBack}>
                <Image
                  source={chevron}
                  style={{ height: 16, width: 16 }}
                />
              </TouchableOpacity>
            ),
        })}
          name="Enrollment Screen"
          component={EnrollmentScreen}
        />
      </App.Navigator>

或者你可以使用 headerBackImage 选项

headerBackImage: () => <Chevron style={{ marginLeft: 10 }} />

【讨论】：