React navigation 5 自定义标头组件在打开已发布的应用程序时导致崩溃

Question

我想在React navigation 5中拥有自己的标题组件。在开发和生产模式下一切正常，但是，当我构建项目时，在我的手机上打开它并按以下“设置”屏幕，它没有给我任何错误日志并使我的应用程序崩溃。我正在使用反应本机元素作为自定义标头组件。我正在使用的版本：反应导航/底部标签 ^5.4.5反应导航/本机 ^5.4.0反应导航/堆栈 ^5.3.7世博线性渐变~8.2.1我已经解构了一些东西并得出以下代码不起作用的结论     <Stack.Navigator         screenOptions={{            header: () => (                <Header                    leftComponent={{ text: 'Settings', style: [t.textWhite] }}                    rightComponent={<Icon name='user' type='font-awesome' color={'white'} />}                    linearGradientProps={{                        colors: ['#2c5282', '#3b8b85'],                        start: { x: 0, y: 0.5 },                        end: { x: 1, y: 0.5 },                      }}                />            ),        }}        initialRouteName="SettingsIndex"    >任何人都知道如何解决？编辑（发现问题）该问题是由我的标头属性中的“linearGradientProps”引起的。因此，这可能是 react-native-elements 或 react-nativation 崩溃。linearGradientProps={{   colors: ['#2c5282', '#3b8b85'],   start: { x: 0, y: 0.5 },   end: { x: 1, y: 0.5 },}}

Answer 1

嗯，我认为你没有仔细阅读文档 https://reactnativeelements.com/docs/header/#lineargradient-usage 这是你错过 LinearGradient 的例子

import { Header } from 'react-native-elements';

import LinearGradient from 'react-native-linear-gradient';

...

<Header

  ViewComponent={LinearGradient} // Don't forget this!

  linearGradientProps={{

    colors: ['red', 'pink'],

    start: { x: 0, y: 0.5 },

    end: { x: 1, y: 0.5 },

  }}

/>