函數(shù)式編程
2023-03-24 14:48:42
我想在React navigation 5中擁有自己的標(biāo)題組件。在開(kāi)發(fā)和生產(chǎn)模式下一切正常,但是,當(dāng)我構(gòu)建項(xiàng)目時(shí),在我的手機(jī)上打開(kāi)它并按以下“設(shè)置”屏幕,它沒(méi)有給我任何錯(cuò)誤日志并使我的應(yīng)用程序崩潰。我正在使用反應(yīng)本機(jī)元素作為自定義標(biāo)頭組件。我正在使用的版本:反應(yīng)導(dǎo)航/底部標(biāo)簽 ^5.4.5反應(yīng)導(dǎo)航/本機(jī) ^5.4.0反應(yīng)導(dǎo)航/堆棧 ^5.3.7世博線性漸變~8.2.1我已經(jīng)解構(gòu)了一些東西并得出以下代碼不起作用的結(jié)論 <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" >任何人都知道如何解決?編輯(發(fā)現(xiàn)問(wèn)題)該問(wèn)題是由我的標(biāo)頭屬性中的“l(fā)inearGradientProps”引起的。因此,這可能是 react-native-elements 或 react-nativation 崩潰。linearGradientProps={{ colors: ['#2c5282', '#3b8b85'], start: { x: 0, y: 0.5 }, end: { x: 1, y: 0.5 },}}
1 回答

阿波羅的戰(zhàn)車(chē)
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊
嗯,我認(rèn)為你沒(méi)有仔細(xì)閱讀文檔 https://reactnativeelements.com/docs/header/#lineargradient-usage 這是你錯(cuò)過(guò) 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 },
}}
/>
添加回答
舉報(bào)
0/150
提交
取消