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

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

在反應本機底部選項卡導航器中更改屏幕時如何更改圖標和文本的顏色?

在反應本機底部選項卡導航器中更改屏幕時如何更改圖標和文本的顏色?

暮色呼如 2024-01-18 09:49:12
我正在開發一個應用程序,它在底部選項卡導航器中有三個屏幕。當我從一個屏幕轉到另一個屏幕時,我能夠更改標簽顏色,但是,我也無法更改圖標的顏色。這是到目前為止的樣子的示例。這是我控制它的 App.js 代碼。我非常感謝對此的任何幫助或指導。預先感謝您的任何幫助!應用程序.js:function MainTabNavigator() {  return (    <Tab.Navigator      tabBarOptions={{        activeTintColor: '#e64951',      }}    >      <Tab.Screen options={{        headerShown: false, tabBarIcon: ({ tintColor }) => (          <Entypo name="home" size={30} color={tintColor} />        )      }} name="home" component={Home} />      <Tab.Screen options={{        headerShown: false, tabBarIcon: () => (          <FontAwesome5 name="plus" size={30} color="black" />        )      }} name="Add Friends" component={AddFriends} />      <Tab.Screen options={{        headerShown: false, tabBarIcon: ({ tintColor }) => (          <FontAwesome name="user" size={30} color={tintColor} />        )      }} name="Profile" component={Profile} />    </Tab.Navigator>  )}
查看完整描述

1 回答

?
慕娘9325324

TA貢獻1783條經驗 獲得超4個贊

您向 prop 傳遞了錯誤的參數tabBarIcon。你應該通過color而不是tintColor.


tabBarIcon: ({ color }) => (

    <Entypo name="home" size={30} color={color} />

)


查看完整回答
反對 回復 2024-01-18
  • 1 回答
  • 0 關注
  • 153 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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