ฉันจะสร้าง<Text />
แนวตั้ง (หมุน 90 องศา) ในปฏิกิริยาเนทีฟได้อย่างไร ฉันต้องการให้มีข้อความทางด้านขวาของหน้าตามขอบหน้าจอ
ฉันจะสร้าง<Text />
แนวตั้ง (หมุน 90 องศา) ในปฏิกิริยาเนทีฟได้อย่างไร ฉันต้องการให้มีข้อความทางด้านขวาของหน้าตามขอบหน้าจอ
คำตอบ:
คุณสามารถใช้การเปลี่ยนแปลง
https://facebook.github.io/react-native/docs/transforms.html#proptypes
myStyle: {
transform: [{ rotate: '90deg'}]
}
อย่างมีสไตล์ใช้การแปลงเพื่อหมุนและองค์ประกอบ
style={{transform: [{ rotate: '180deg' }]}}
เช่น:
<View style={{transform: [{ rotate: '180deg' }]}} />
มุมมองที่สร้างสรรค์
<View style={styles.arrow_1_6} ></View>
เพิ่มรูปแบบการแปลง: [{หมุน: '14deg'}] หากคุณกำหนดตำแหน่งมุมมองแบบสัมบูรณ์จะไม่มีผลกับมุมมองอื่น!
การหมุนเริ่มจาก 0 ถึง 360 องศา
arrow_1_6: {
transform: [{ rotate: '14deg' }],
width: 260,
marginTop: 145,
position: 'absolute',
marginLeft: 75,
backgroundColor: 'orange',
height: 4,
flexDirection: "row",
padding: 0,
alignItems: 'center',
justifyContent: 'flex-start',
borderBottomColor: '#075fff',
borderBottomWidth: 4,