React Native将 'screen', 'window' or a view生成图片

开发中有市会遇到这种需求:把某个view生成图片进行分享。其实React Native有提供相应的API(目前仅适用iOS): https://github.com/facebook/react-native/commit/ac12f986899d8520527684438f76299675dc0daa.


View生成图片:

state = {
    uri: null
};
 
takeToImage() {
    UIManager.takeSnapshot(this.refs.location, {format: 'png', quality: 0.8}).then(
        (uri) => this.setState({uri})
    ).catch(
        (error) => alert(error)
    );
}
 
render() {
    return (<View>
            <View ref='location'>
                <Text>东经</Text>
                <Text>东经</Text>
                <Text>西经</Text>
                <Text>东经</Text>
            </View>
 
            <Text onPress={()=>this.takeToImage()}>生成图片</Text>
 
            <Image source={{uri: this.state.uri}} style={{borderWidth:1,height:50,width:300}}/>
        </View>
    )
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容