5
A
回答
10
這在iOS的被實現爲0.30(見commit changes),並在0.31機器人(changes)
我已經做了簡單的例子,組件,用於我已經如何使用它被:在反應本地不支持
'use-strict';
import React, { Component } from 'react';
const { View, StyleSheet } = require('react-native');
const styles = StyleSheet.create({
wrapper: {
flex:1,
},
back: {
width: 100,
height: 100,
backgroundColor: 'blue',
zIndex: 0
},
front: {
position: 'absolute',
top:25,
left:25,
width: 50,
height:50,
backgroundColor: 'red',
zIndex: 1
}
});
class Layers extends Component {
constructor(props) {
super(props);
}
render() {
return (
<View style={styles.wrapper}>
<View style={styles.back}></View>
<View style={styles.front}></View>
</View>
);
}
}
module.exports = Layers;
+2
因此,在您的示例中,如果您顛倒了加載「後」和「前」元素的順序,zIndex是否仍能正常播放?我只問現在你有他們加載回來,所以它會工作,無論zIndex,對不對? –
+0
你是正確的,如果你扭轉順序,他們仍然會在預期的Z指數。您可能會認爲外觀順序可能會改變分層,但View的工作方式與html Div非常相似,因爲它們不是作爲圖層在屏幕上繪製,而是從上到下堆疊 – Felipe
相關問題
- 1. React Native可排序FlastList zIndex
- 2. 調整React Native的NavigatorIOS的zIndex
- 3. 爲什麼zIndex在React Native中不工作?
- 4. React Native中的react-native run-android
- 5. React Native Native Stylesheet
- 6. React Native - 具有較低zIndex的按鈕出現在具有較高zIndex的視圖的頂部
- 7. React Native中的Geofencing
- 8. React Native中的SHA256
- 9. React Native中的defaultProps?
- 10. 使用帶有React-Native的zIndex風格的Modal頂部的視圖
- 11. React JS v React Native
- 12. React Native的http'polyfill
- 13. React Native,AwesomeProject,react-native run-ios:** BUILD FAILED **
- 14. react-native run-android and react-native開始
- 15. React Native react-native-google-places-autocomplete implementation
- 16. React Native中的文本溢出。 (react-native-modal)
- 17. 爲什麼react-native-image-picker的showImagePicker在React Native中未定義?
- 18. 在現有的React Native iOS項目中安裝React-Native Android?
- 19. React Native中的多租戶
- 20. 庫中的更改(React-Native)
- 21. ScrollView中的React-Native和ListView
- 22. ubutnu中的react-native安裝
- 23. React Native和Firebase中的ListView
- 24. React-Native中的NavigatorIOS錯誤?
- 25. React-Native中的Alt @decorators
- 26. React Native中的StatusBar顏色
- 27. React Native中的回調
- 28. React Native上的MQTT?
- 29. React Native與Socket.io
- 30. React-native Geolocation
zIndex的,爲了您將元件在確定其佈局順序。你可以嘗試使滾動視圖可見的溢出。 – Abhishek
我相信zIndex僅支持iOS版本的最新版本。也許結帳在這裏的例子:https://github.com/facebook/react-native/commit/d64368b9e239b574039f4a6508bf2aeb0806121b –
我不認爲這是一個Z索引的問題,而是頭像視圖被限制在界限它的父滾動視圖。看看你是否可以通過在滾動視圖中設置樣式來解決這個問題:'' –