Android 和 iOS 的 headerBackImageSource 相同

Question

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

Answer 1

您必须获取自己的人字形图像或 svg 并将其作为 headerBackImageSource 放入。或者您可以在 headerLeft 选项下构建自定义 header，如下所示：

        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 }} />