Quindi penso di aver capito questo dopo aver composto un semplice esempio per questo post. I seguenti lavori di galleggiare un punto di vista rispetto ad un altro:
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
View,
} = React;
var styles = StyleSheet.create({
fullScreen: {
flex:1,
backgroundColor: 'red',
},
floatView: {
position: 'absolute',
width: 100,
height: 100,
top: 200,
left: 40,
backgroundColor: 'green',
},
parent: {
flex: 1,
}
});
var Example = React.createClass({
render: function() {
return (
<View style={styles.parent}>
<View style={styles.fullScreen}/>
<View style={styles.floatView}/>{/* WORKS FOR REGULAR VIEW */}
</View>
);
},
});
module.exports = Example;
Quello che cercavo di fare era galleggiare un'altra classe personalizzata, così ho sostituito il codice di rendering w/il seguente:
var Example = React.createClass({
render: function() {
return (
<View style={styles.parent}>
<View style={styles.fullScreen}/>
<DropDown style={styles.floatView}/>{/* DOES NOT WORK FOR CUSTOM VIEW */}
</View>
);
},
});
che non ha lavoro. A proposito, il mio "DropDown" restituisce solo una vista con del testo al suo interno. Ma funziona come segue:
var Example = React.createClass({
render: function() {
return (
<View style={styles.parent}>
<View style={styles.fullScreen}/>
<View style={styles.floatView}>{/* WORKS FOR CUSTOM VIEW */}
<DropDown />
</View>
</View>
);
},
});
Fornire un codice. – fuesika