Question

如何在React Navigation底部选项卡中将图像用作图标？我将图像保存在项目中的文件夹中，但是首先我不确定是否可以使用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',
                  }}
                />
              );
            },
          }}
        />

在React Navigation底部选项卡中使用自定义图标

1 个答案: