我是做iOS開發(fā)的,很多人都會說這個微信小程序又是動態(tài)的靠瞎,我不反對蘋果對動態(tài)的討厭,畢竟這樣很容易不受控制求妹,但是ReactNative(中文網(wǎng))不是還活的好好的嗎(貌似版本到了0.33了)!而且我覺得可以學個大概萬一真用到的時候也不至于無所適從(我先做個非常簡陋的電商類乏盐,完事后放到下面)。學習制恍!學習父能!學習!才不會被淘汰净神。
~~申明 :會將我認為是問題的問題記錄下來何吝,如果您覺得太簡單可以關掉溉委。并且我是邊做小程序邊寫的這個博客,會一直更新爱榕,0旰啊!黔酥!MAC環(huán)境 ~~
我可以說不太懂微信小程序的語言藻三。它使用XML+JS ,不支持HTML5跪者,兼容部分CSS寫法(從這個句號到這句話完事我是抄來的棵帽,因為我不懂XML和JS)。不懂但是不能開發(fā)嗎渣玲?我覺得語言都是相通的逗概,還好之前做了
React Native
項目(總覺得很相似),上手小程序也很快忘衍。
從頭開始 - 開始一個項目
工具下載安裝
- 開發(fā)工具缺少appid問題逾苫,這個只要破解就可以了(引用 一)
新建項目
- 不清楚是開發(fā)工具的原因還是怎么回事,說好新建一個項目會有一個QuickStart的淑履,然而我并沒有所以打開就是這個樣子的
- 只能從官網(wǎng)下載一個HelloWorld直接放大開采創(chuàng)建的項目路徑下面
文件結構
默認就幾個文件剩下的就是目錄再加上不同名字的這個幾個文件當然還得加上.wxml隶垮,這個文件就是來書寫界面的
代碼
app.json
- pages : 應該就是項目加載文件的入口(用應該的原因是我不確定),如果此處不加載的話后面用了也是不會有所顯示的(這里是確定的如果不信可以嘗試)秘噪。
- window : 程序的窗口
- tabBar : 很好理解就是標簽欄(App下面負責切換不同界面)
需記錄問題
scroll-view
注意問題
- 橫向需要給scroll-view 一個高度
height: 200px
文檔上是這么說的但是scroll-view中元素設置高度就可以將scroll-view撐起來了
只展示第一個元素滑動無效
scroll-view需要設置
white-space: nowrap;
(百度一下:文本不會換行狸吞,文本會在在同一行上繼續(xù),直到遇到
標簽為止指煎。)子元素設置
display:inline-block
(百度一下:讓一個元素具有“區(qū)塊元素”的屬性(可以設置width和height)蹋偏,又具有“內(nèi)聯(lián)元素”的屬性(不產(chǎn)生換行))
這樣scroll-view可以正常展示了
問題:但是scroll-view如果綁定
wx:for = '{{數(shù)據(jù)}}'
子類中有一個view 他一直都是column
排列不會是row
排列。希望有人幫解決
針對上面問題 我只能用swiper
來解決暫時未想到辦法.
發(fā)布于2016-10-2日