React Native學習-將 'screen', 'window' or a view產生圖片

標籤：

https://github.com/facebook/react-native/commit/ac12f986899d8520527684438f76299675dc0daa

這是react-native內建的產生圖片的屬性，所以使用之前只需要引用UIManager屬性即可；

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>    )}

 

React Native學習-將 'screen', 'window' or a view產生圖片