缩放加载有要求的图标选项卡栏

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 通常会在不同的像素密度设备上错误地缩放。