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

嗯，我认为你没有仔细阅读文档&nbsp;https://reactnativeelements.com/docs/header/#lineargradient-usage&nbsp;这是你错过 LinearGradient 的例子import { Header } from 'react-native-elements';import LinearGradient from 'react-native-linear-gradient';...<Header&nbsp; ViewComponent={LinearGradient} // Don't forget this!&nbsp; linearGradientProps={{&nbsp; &nbsp; colors: ['red', 'pink'],&nbsp; &nbsp; start: { x: 0, y: 0.5 },&nbsp; &nbsp; end: { x: 1, y: 0.5 },&nbsp; }}/>