React native 反应性天然tabbarIosItem

如何允许tabbarIOS.item使用我的图像

这是我的密码

我有一个名为itemSelected的图像

    <TabBarIOS.Item
      selected={this.state.selectedTab === 'Item'}
      icon={require('image!itemNotSelected')}
      selectedIcon={require('image!itemSelected')}
      title="Item"
      onPress={() => {
          this.setState({
              selectedTab: 'Item',
          });
      }}>

但是，我只能在选项卡栏中看到从react native加载的方形框

在React Native中实现TabBar有一个很好的方法。您可以使用以下方式使用图像：

图标={{uri:'itemNotSelected'} selectedIcon={{uri:'itemSelected'}} 来自链接的代码：

渲染{ 回来 { 这是我的国家{ 已选择选项卡：“欢迎”， }; }}> { 这是我的国家{ 已选择选项卡：“更多”， }; }}> ; }

---

希望有帮助

由于您的图像没有透明区域，因此会出现一个方形框，因此它会用蓝色填充整个图像，从而生成一个蓝色方形框

---

上面的代码运行良好

这不管用。它仍然显示一个空方块。您在图像资源中设置了选项卡图像吗？是的，如果没有设置，您将看到选项卡栏图标“itemNotSelected”与任何已知图像或系统图标不匹配的错误。