import React, { Component } from "react";
import { Text, View, Button, Dimensions } from "react-native";
const ThemeContext = React.createContext({
add: () => {}
});
class Portal extends Component {
render() {
return (
<ThemeContext.Consumer>
{({add}) => {
setTimeout(()=>{
add(this.props.children)
},0)
}}
</ThemeContext.Consumer>
);
}
}
let triggerChange = () => {}
class Layer extends Component {
state = {
node: null,
nub: 0
}
componentWillMount() {
triggerChange = (node) => {
this.setState({
node
})
}
}
render() {
return (<View style={{height: Dimensions.get("window").height - 100, backgroundColor: 'red', justifyContent: 'center', alignItems: 'center'}}>
{this.state.node}
</View>)
}
}
class App extends Component {
state = {
node: null,
nub: 0
}
add = (node) => {
triggerChange(node)
}
addNub = () => {
this.setState({
nub: this.state.nub+1
})
}
render() {
return (
<ThemeContext.Provider value={{add: this.add}}>
<View style={{height: 100, backgroundColor: 'yellow'}}>
<Text style={{textAlign: 'center'}}>本來該出現(xiàn)的位置</Text>
<Portal>
<Text>{this.state.nub}</Text>
<View style={{height: 200, width: 200, backgroundColor: 'blue'}}>
<Text>蒙層</Text>
</View>
<Button onPress={this.addNub} title='CLICK' ></Button>
</Portal>
</View>
<Layer></Layer>
</ThemeContext.Provider>
);
}
}
export default App;
Portal2版
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來秕磷，“玉大人诵闭，你說我怎么就攤上這事∨煜” “怎么了疏尿？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長易桃。 經(jīng)常有香客問我褥琐，道長，這世上最難降的妖魔是什么晤郑？ 我笑而不...
- 正文 為了忘掉前任敌呈，我火速辦了婚禮，結(jié)果婚禮上造寝，老公的妹妹穿的比我還像新娘磕洪。我一直安慰自己，他們只是感情好诫龙，可當(dāng)我...
- 文/花漫 我一把揭開白布褐鸥。 她就那樣靜靜地躺著，像睡著了一般赐稽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上浑侥，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼仰税！你這毒婦竟也來了构资？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布牍疏，位于F島的核電站蠢笋，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏鳞陨。R本人自食惡果不足惜昨寞，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望厦滤。 院中可真熱鬧援岩，春花似錦、人聲如沸掏导。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽趟咆。三九已至添瓷，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間值纱，已是汗流浹背鳞贷。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 話說最近火的一塌糊涂的《盜墓筆記》網(wǎng)絡(luò)季播劇爵川，看得簡直讓人蛋疼敷鸦，小編的心中真的是有一萬個草泥馬在奔騰，網(wǎng)絡(luò)上也是各...
- 那漫無止境的黑夜啊，在燈火闌珊中驕傲地宣揚著它肆無忌憚的懲罰圃泡，遠處的燈火通明碟案，街道的人跡罕至，一輛輛夜車穿梭不停颇蜡！...
