1.Rax在PC端以及手機(jī)豎屏?xí)r，屏幕寬度均為750rpx，但是在手機(jī)橫屏?xí)r，不同機(jī)型屏幕寬度可能不一樣。需要引入'@weex-module/dom'這個(gè)庫(kù)。具體使用方式如下:

const dom = require('@weex-module/dom');
 dom&&dom.getComponentRect&&dom.getComponentRect('viewport',option=>{
 this.setState({
 scale:option.size.width/667
 })
 });
復(fù)制代碼

option.size.width用來(lái)獲取屏幕的寬度，667是設(shè)計(jì)稿的寬度，scale相當(dāng)于是把設(shè)計(jì)稿放大的比例，之后需要用到尺寸的地方都記得乘一下這個(gè)比例。

2.使用Rax開發(fā)Native組件時(shí)，文字不能直接使用View標(biāo)簽包裹，需要使用Text標(biāo)簽包裹，使用View包裹的文字在ios上顯示不出來(lái)，在PC端、支付寶小程序和微信小程序中可以正常顯示。

3.使用Rax開發(fā)Native組件時(shí)，當(dāng)圖片大小超過外層盒子的情況下，在ios上可以正常顯示超出盒子的那部分圖片，但是在安卓上超過盒子大小的圖片部分不會(huì)顯示。

4.Rax中可以為標(biāo)簽綁定onAppear事件進(jìn)行曝光埋點(diǎn)，但是在開發(fā)吸底部的投票組件，如果最外層的盒子采用fixed定位，此時(shí)onAppear事件可能在播放器上無(wú)法正常觸發(fā)，可以考慮在didMount生命周期函數(shù)中進(jìn)行手動(dòng)上報(bào)。

5.使用Rax開發(fā)Native組件時(shí)，不能使用負(fù)的margin來(lái)移動(dòng)盒子的位置。

6.使用Rax開發(fā)Native組件時(shí)，如果盒子的點(diǎn)擊事件被前端處理了，這次點(diǎn)擊就不會(huì)被客戶端捕獲，這一點(diǎn)可以用來(lái)防止用戶因?yàn)檎`操作點(diǎn)擊到按鈕旁邊，頻繁喚起播控?？梢栽诎粹o下放一個(gè)稍大一些的空盒子，捕獲這個(gè)盒子的點(diǎn)擊事件，這樣可以有效避免因誤觸喚起播控。

7.使用Rax開發(fā)Native組件時(shí)，不能使用z-index來(lái)控制元素的層級(jí)。

8.使用Rax開發(fā)Native組件時(shí)，不支持一些css3的屬性，比如-webkit-mask-image，這個(gè)屬性可以將盒子的一部分逐漸虛化。在播放器上使用的native組件一般會(huì)給具有透明度的大背景，這樣為了避免遮擋正在播放的視頻，在使用透明背景的情況下UI要想實(shí)現(xiàn)-webkit-mask-image的效果不能直接通過切一張漸變效果的圖覆蓋在大背景圖上達(dá)到這個(gè)效果。因?yàn)閮蓮埗季哂型该鞫鹊膱D層疊在一起，在視覺上會(huì)和單張相比存在差異，可以考慮在大背景圖上使用高亮的切圖作為替代方案。

9.在web上圖片不設(shè)置大小會(huì)按照?qǐng)D片自身大小顯示，但是在rax開發(fā)Native組件時(shí)，需要手動(dòng)為圖片設(shè)置大小，因?yàn)榘沧可夏J(rèn)圖片高度為0。