Question

我想缩放加载了require的图标标签，我测试下面的代码，但是这不起作用，图标不会缩放。

let img = require('../img/logo_lesson.png');
img.scale = 10;

return(
   <TabBarIOS>
       <TabBarIOS.Item title="React Native"  icon={img}  selected={true}>

提前感谢！

Answer 1

您使用的语法略有不正确，img应该只包含图像数据，而不是比例，以缩放图标将其添加到TabBarIOS.Item对象中的图标JSON，如下所示：

<TabBarIOS.Item
    selected={this.state.selectedTab === 'thisTab'}
    icon={{uri: 'thisTab', scale: ScaleHere}}
    title='tab'
    onPress={() => {
        this.setState({selectedTab: 'thisTab'});
    }}>


</TabBarIOS.Item>

此外，您通常希望将您的比例乘以PixelRatio.get（），因为只需将其硬编码为10，通常会在不同的像素密度设备上错误地缩放。

缩放加载了require的图标tabBar

1 个答案: