RN常用程式碼

weixin_33727510發表於2016-12-19

1.字型加粗
fontWeight:'bold'

2.設定按鈕開關狀態
getInitialState(){ return{ isOn:false, }},

<Switch value={this.state.isOn == true} onValueChange={()=>{this.setState({isOn:!this.state.isOn}) }} style={{marginRight:8}}/>

  1. 設定ios和安卓下的尺寸
    width:Platform.OS =='ios'?28:24,
    height:Platform.OS =='ios'?28:24,

4.判斷螢幕寬高
var Dimensions = require('Dimensions');
var {width} = Dimensions.get('window');

5.輪播圖分頁的點


//頁碼指示器
renderIndication(){
  //指示器陣列
  var indicatorArr =[];
  for(var i;i<2;i++){
    indicatorArr.push(
                      <Text>•</Text>
                      )
  }
},
  1. 文字居中
    textAlign:'center',

  2. 去除網頁或者欄位某一部分相同的字首

// 處理URL
    dealWithUrl(url){
      return url.replace('imeituan://www.meituan.com/web/?url=', '');
    },
  1. 拼接:
    detailUrl: this.props.url + '/baidu.com'

相關文章