react-native - 获取 null 不是对象（评估“scratchImagePath.uri”），尽管我正在传递值？

Question

<ScratchImageView 
                brushSize = {10}
                threshold = {10}
                style={{height: 300, width: 300}}
                onRevealPercentChanged={this.onRevealPercentChanged}
                onRevealed={this.onRrevealPercent=50}
                resizeMode= "cover"
                strokeWidth={20}
                imageScratched={{uri: './scratchReward.jpg'}}
                imagePattern={{uri: './scratchTopLayer.jpg'}}
            />

为什么我得到 null 不是对象异常，尽管传递了值？

标签： react-nativereact-native-androidreact-native-ios

Answer 1

你可以试试require喜欢

require('./path/to/image.png')

所以你的组件 code= 会像

        <ScratchImageView 
                brushSize = {10}
                threshold = {10}
                style={{height: 300, width: 300}}
                onRevealPercentChanged={this.onRevealPercentChanged}
                onRevealed={this.onRrevealPercent=50}
                resizeMode= "cover"
                strokeWidth={20}
                imageScratched={uri: require('./scratchReward.jpg')}
                imagePattern={uri: require('./scratchTopLayer.jpg')}
            />

您可以在此处使用相对路径。