如何将我的电脑中的自定义图标添加到我的ReactNative应用程序(NativeBase TabBar图标)

时间:2017-03-28 14:33:34

标签: android react-native icons native-base

*是从NativeBase组件导入的 *我正在使用包含项目的“TabBar” *该平台是Android

我为我的应用程序设计了很多图标,我使用了几个标签但是我需要在标签中添加自定义图标,但我不能。这就是我尝试使用它的方式。

另外......这就是我调用本地图标的方式:

const iconMore = require('../../../ static / img / tabBarAndroid / more.png');

render() {
    return (
      <Tabs>
        <Tab
          heading={
            <TabHeading>
              <Icon name={iconHome} />
            </TabHeading>}
        >
          <NewsList />
        </Tab>
        <Tab
          heading={
            <TabHeading>
              <Icon android={iconInterest} />
            </TabHeading>}
        >
         <FavoriteListComponent />
        </Tab>
        <Tab
          heading={
            <TabHeading>
              <Icon android={iconSearchChurches} />
            </TabHeading>}
        >
         <MapChurchComponent />
        </Tab>
        <Tab
          heading={
            <TabHeading>
              <Icon android={iconHeadquarters} />
            </TabHeading>}
        >
         <ChurchListComponent />
        </Tab>
        <Tab
          heading={
            <TabHeading>
              <Icon android={iconMore} />
              </TabHeading>}
        >
         <MasComponent />
        </Tab>
      </Tabs>
    );
  }

0 个答案:

没有答案