どのように反応ネイティブで画像を斜めにカットできますか？

Question

こんにちは私は反応ネイティブでソーシャルネットワーキングアプリを開発しています。はい、あなたはこれを実装するために私にいくつかの例または任意のヒントを提供できる場合

：私はそれを画像で示した方法で<Image>をカットすることが可能であるかどうかを知りたいと思いました。

Reference for android

Answer 1

あなたは白い三角形を表示することができ、あなたの画像の上に

import React from 'react'; 
 
import { StyleSheet, View, Image, Dimensions } from 'react-native'; 
 

 
export default class App extends React.Component { 
 
    render() { 
 
    return (
 
     <View style={styles.container}> 
 
     <Image style={styles.img} source={require('./images.jpg')} > 
 
     <View style={[styles.triangle]} /></Image> 
 
     </View> 
 
    ); 
 
    } 
 
} 
 

 
const styles = StyleSheet.create({ 
 
    container: { 
 
    flex: 1, 
 
    backgroundColor: '#fff', 
 
    }, 
 
    triangle: { 
 
    position: 'absolute', 
 
    right: 0, 
 
    bottom: 0, 
 
    width: 0, 
 
    height: 0, 
 
    backgroundColor: 'transparent', 
 
    borderStyle: 'solid', 
 
    borderLeftWidth: Dimensions.get('window').width, 
 
    borderRightWidth: 0, 
 
    borderBottomWidth: 50, 
 
    borderLeftColor: 'transparent', 
 
    borderRightColor: 'transparent', 
 
    borderBottomColor: '#fff', 
 
    }, 
 
    img: { 
 
    width: Dimensions.get('window').width, 
 
    }, 
 
});

を Viewを形