TabBarIOS自定义图标的时候,图标尺寸大小不适中

图标太大

解决方案:在引用属性的时候,添加scale属性

<TabBarIOS
                barTintColor={'#2acc38'}
                tintColor={'#251ddd'}
                unselectedTintColor={'#fff'}
            >
                <TabBarIOS.Item
                    icon={{uri: 'home', scale: 7}}
                    title={'主页'}
                    selected={this.state.activeTabBar == 'home'}
                    onPress={() => this.setState({activeTabBar: 'home'})}
                >
                    <Text>我是主页</Text>
                </TabBarIOS.Item>
                <TabBarIOS.Item
                    icon={{uri: 'set', scale: 7}}
                    title={'设置'}
                    selected={this.state.activeTabBar == 'set'}
                    onPress={() => this.setState({activeTabBar: 'set'})}
                >
                    <Text>我是设置页面</Text>
                </TabBarIOS.Item>
            </TabBarIOS>
添加scale属性

icon缩小之后的样式
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。