在 React 導航底部選項卡中使用自定義圖標

Question

如何在 React 導航底部選項卡中使用圖像作為圖標？ 我將圖像放在項目內的一個文件夾中，但首先我不確定是否可以使用Import {anyComponent} from 'anyPath'方法導入圖像。 另外，我不知道如何將這些自定義圖像設置為圖標。 如果有人能幫我一把，將不勝感激。

非常感謝！

Answer 1

您可以使用如下圖像，基本上您可以將自定義組件提供給 tabbaricon，它可以是任何東西。

 <Tab.Screen
          name="Settings1"
          component={SettingsScreen}
          options={{
            title: 'My profile',
            tabBarIcon: ({size,focused,color}) => {
              return (
                <Image
                  style={{ width: size, height: size }}
                  source={{
                    uri:'image url',
                  }}
                />
              );
            },
          }}
        />