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