React-native 踩坑记

React-native 踩坑记

这篇文章主要记录我在使用react-native开发时踩的坑

1:设置项目的界面跳转
import {
createAppContainer,
createStackNavigator
} from ‘react-navigation’;
使用这两个类来实现。
具体代码:
const MainNavigator = createStackNavigator({
LoginPage:{screen:LoginPage},
},

{
    initialRouteName: 'LoginPage', // 默认先加载的页面组件
    mode: 'modal',       // 定义跳转风格(card、modal)
}

);
const RootStack = createAppContainer(MainNavigator);
然后在app.js return里将RootStack当作一个组件写就行了。

代码解释:
createStackNavigator里面的第一部分就是你的项目里的所有需要的界面;第二部分就是一个项目运行后初始界面。

写完这个框架后,你需要添加新的页面就很简单了,需要import进去,然后再在createStackNavigator第一部分里添加就行了。

2:跳转到另一个界面后自动设置返回栏:
在界面构造函数前面加上 static navigationOptions = {header: null,};这样一句话就行了。

3:scrollview里面的组件还有scrollview,这种情况下内部的scrollview不能滑动。
外部scollview设置scrollEnabled={this.state.scoll}
然后在内部scollview里面的点击函数加上,onPressIn和onPressOut操作。
onPressIn时设置scoll为false,这样外部scollview就不能滑动了,内部scollview就能滑动了。
onPressOut时则设置scoll为true。
做这样一个出来后就解决了内外部scollview选择哪个滑动了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值