我正在嘗試做一個 twitter 克隆來練習。我需要為左側的影像和右側的圖示添加一些邊距。這是現在的標題。
照片
我試過的代碼：
<BottomTab.Screen
name="Home"
component={TabOneScreen}
options={({ navigation }: RootTabScreenProps<'TabOne'>) => ({
headerRightContainerStyle: {
marginRight:10,
},
tabBarIcon: ({ color }) => <TabBarIcon name="md-home" color={color} />,
headerTitle: () =>(
<TabBarIcon name={"logo-twitter"} size={30} color={Colors.light.tint} />
),
headerRight: () => (
<MaterialCommunityIcons name={"star-four-points-outline"} size={30} color={Colors.light.tint}/>
),
headerLeft: () => (
<ProfilePicture size={40} image={'https://pbs.twimg.com/profile_images/1431295293564280838/25cTnq7B_400x400.jpg'}/>
)
})}
/>
它不會給出錯誤，但也不會增加余量。
uj5u.com熱心網友回復：
您是否嘗試過以下任何一項
- 將邊距添加到組件而不是容器
- 使用
paddingRight而不是marginRight在headerRightContainerStyle
有時向使用 flexbox 的容器（在 react native 的情況下為所有組件）添加邊距會導致錯誤和不一致，而這些錯誤和不一致可以通過使用填充來避免
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/315547.html