亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React navigation 5 自定義標頭組件在打開已發布的應用程序時導致崩潰

React navigation 5 自定義標頭組件在打開已發布的應用程序時導致崩潰

函數式編程 2023-03-24 14:48:42
我想在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 },}}
查看完整描述

1 回答

?
阿波羅的戰車

TA貢獻1862條經驗 獲得超6個贊

嗯,我認為你沒有仔細閱讀文檔 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 },

  }}

/>


查看完整回答
反對 回復 2023-03-24
  • 1 回答
  • 0 關注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號