回頭看看RN的填坑之旅系列，發(fā)現(xiàn)一路寫下來都是我在開發(fā)中遇到的問題如何解決的。興之所至，不問順序。于是出現(xiàn)一個(gè)問題，填坑系列和學(xué)習(xí)知識(shí)的順序不是很一致。比如今天要說的布局問題。其實(shí)在一個(gè)app開發(fā)之前，就應(yīng)該有所了解。否則的話每次看到的<View style={{flex: 1}} />代表的是什么呢？上來就是一個(gè)疑問。
在這個(gè)系列進(jìn)行到一定程度的時(shí)候，我會(huì)花時(shí)間重新整理全系列的文章，讓各位可以按照知識(shí)本來學(xué)習(xí)的順序循序漸進(jìn)的學(xué)習(xí)React Native的知識(shí)，避免在開發(fā)中遇到不應(yīng)該遇到的問題。
正文開始。本文主要是介紹基礎(chǔ)知識(shí)，但是不適用基礎(chǔ)的代碼。所以，如果你在看的時(shí)候有什么問題弄不清楚的話，隨時(shí)查閱官網(wǎng)。那么問題是什么？三個(gè)View放在一個(gè)父View里顯示出來會(huì)是設(shè)么樣子的？這五個(gè)子View每次只要顯示一個(gè)的話應(yīng)該如何處理？
首先我們先來一點(diǎn)開胃小菜：
NavigationBar的布局
默認(rèn)的情況下NavigationBar的左側(cè)回退按鈕看起來是這樣的：
圖中可見，按鈕緊貼上沿。這個(gè)時(shí)候的布局是這樣的：
<TouchableHighlight
style={{backgroundColor: 'red', width: 50}} onPress={() => { if (index > 0) { navigator.pop(); } }}> <Text style
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖
2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式