React Native，Android 深色模式更改图标颜色

Question

在我的 React Native 应用程序中，我有这个图标来自 import { ArrowBackIcon } from "native-base";

我像这样使用它

<Pressable onPress={() => navigationRef.goBack()}>
          <ArrowBackIcon size="lg" color="white" />
        </Pressable> 

问题是，如果我在手机中打开深色模式，图标会变成与背景相同的黑色，因此看起来不可见

Answer 1

• 您可以先访问此网站并阅读文档：https://reactnative.dev/docs/appearance?guide=android

• 您可以使用我的代码作为参考来获取深色模式功能

  import { Appearance } from 'react-native';
  import { ArrowBackIcon } from 'native-base';
  
  const CustomArrowBackIcon = () => {
     const colorScheme = Appearance.getColorScheme();
  
      return (
       <ArrowBackIcon size="lg" color={colorScheme === 'dark' ? 'white' : 'black'} 
      />
    );
  };