adb devices //查询设备,开启设备调试
adb reverse tcp:8081 tcp:8081 //注:从设备上访问开发服务器(安卓手机是5.0或者以上操作系统)
react-native run-android //编译项目,将编译好的安装包安装到手机或者模拟器中
./gradlew assembleRelease
/*
用于生成发行APK包
生成的APK文件位于android/app/build/outputs/apk/app-release.apk
在android目录中运行此命令(PowerShell命令中有'./' cmd命令中无'./')
*/
./gradlew installRelease
/*
用于在设备上安装发行版本(最终测试)
在android目录中运行此命令(PowerShell命令中有'./' cmd命令中无'./')
*/
/*
* 查看console打印的内容
*/
1)Android
react-native log-android
2)Ios
react-native log-ios
2.账号
//商户
18600000002
//用户
18636145259
3.请求数据
//请求页面
let param = {
access_token: access_token,
a: 1,
}
getData.mobile_login(param).then(res => {
if (!res.error_code) {
// console.log('首次信息保存成功!')
}
}).catch(error => {
})
//getData.js
// 手机号登录
mobile_login(params) {
return Constants.post(baseUrl + '/user/user/login', params);
},
4.路由跳转
this.props.navigation.navigate('GuanzhuDianpu')
//传值
this.props.navigation.navigate('DianpuDetail', {
shop_id: id,
user_id: user_id
});
//接收
this.shop_id = this.props.navigation.state.params.shop_id;
5.标签
一、
<Image
style={{
Constants.fitSize(290),
height: Constants.fitSize(50)
}}
source={
Images.ic_home_nearby_shops
}
></Image>
二、
const navParams = {
navName: '购物车',
}
const styles = StyleSheet.create({
container: {
'100%',
position: 'relative',
height: Constants.fitSize(230),
paddingBottom: Constants.fitSize(30),
fontSize: Constants.setFontSize(28)
},
})
<View>
<Text style={{ color: Colors.white_fff }}>1111</Text>
<Text style={ styles.container }>{navParams.navName}</Text>
</View>
三、触摸操作
<TouchableOpacity
style={styles.button}
onPress={() => this.onPress()}
>
<Text>点击選擇</Text>
</TouchableOpacity>
onPress = ()=>{
this.setState({ checked: !this.state.checked})
}
四、input
属性:
multiline:false/true,
默认值为 false,为true文本框中可以输入多行文字。(注意:keyboardType为numeric不生效)
//单行
<TextInput
style={{
flex:1,
fontSize:Constants.setFontSize(36)
}}
placeholderTextColor="#333333"
placeholder='请输入提现余额'
keyboardType="numeric"
underlineColorAndroid='transparent'
onChangeText={(text) => {
this.setState({ searchText: text });
}}>
</TextInput>
//多行
<TextInput
style={[{
"100%",
height: 100,
textAlignVertical: 'top',
fontSize:Constants.