0

如题,安卓下icon的尺寸可以设置 但是ios的设置不了

这是IOS下面的

这是安卓下面的

代码如下
<TabBar.Item

title={item[0]}
key={i}
icon={require('../images/alipay.png')}
iconStyle={{ width: 28, height: 28 }}
// icon={() => <Icon name={item[1]} size={22} color='#666' />}
selectedIcon={require('../images/alipay.png')}
selected={this.state.selectedTab === item[2]}
onPress={() => {
  this.setState({
    selectedTab: item[2]
  })
}}
data-seed='logId'
{item[3]}

</TabBar.Item>

1 个回答

0

官网上写的很清楚:iconStyle只支持Android,不支持iOS。

正确的写法可参考官网示例:

        <TabBar.Item
          title="生活"
          key="生活"
          icon={<div style={{
            width: '0.44rem',
            height: '0.44rem',
            background: 'url(https://zos.alipayobjects.com/rmsportal/sifuoDUQdAFKAVcFGROC.svg) center center /  0.42rem 0.42rem no-repeat' }}
          />
          }
          selectedIcon={<div style={{
            width: '0.44rem',
            height: '0.44rem',
            background: 'url(https://zos.alipayobjects.com/rmsportal/iSrlOTqrKddqbOmlvUfq.svg) center center /  0.42rem 0.42rem no-repeat' }}
          />
          }
          selected={this.state.selectedTab === 'blueTab'}
          badge={1}
          onPress={() => {
            this.setState({
              selectedTab: 'blueTab',
            });
          }}
          data-seed="logId"
        >
          {this.renderContent('生活')}
        </TabBar.Item>