wuyunqiang
wuyunqiang
[ react navigation返回到任意页面](http://blog.csdn.net/u014041033/article/details/77880400)
import PropTypes from 'prop-types'; static propTypes = { //需要的类型 cx: PropTypes.xxx.isRequired, }; static defaultProps = { cx: 0, //类型默认值 };
在使用listitem的时候发现在Android上右图片默认显示不出来，在iOS运行直接报错 Unrecognized font family 'Material Icons'。   修复： 打开ListItem源码发现这个  所以解决这个很简单只要设置hidechevron=true就可以了。  或者也可以修改设置默认值  修改后效果：   版本信息： "react": "16.0.0-alpha.6", "react-native": "0.44.3", "react-native-elements": "^0.14.0", "react-native-vector-icons": "^4.2.0", 相关issue： https://github.com/react-native-training/react-native-elements/issues/503
这种错误一般是在新加入组件库时遇到，只要重新编译即可。 错误如图：  如果出现这个：  点击：  然后依次点击  如果遇到什么OK的一律OK 配置完毕就可以了。
[官方issue](https://github.com/react-community/react-navigation/issues/2829) bug 如图:  解决办法： 设置TabNavigator中的 ``` animationEnabled: false。 ``` 或者animationEnabled属性和动画一起设置 ``` animationEnabled: true, configureTransition:()=>_configureTransition(), ``` ``` const _configureTransition = () => { return { duration: 100, timing: Animated.spring, };...
发现在使用react-native-snap-carousel或者react-native-swiper时都会出现切换白屏的情况 如图：  思路： 这是因为在切换tab是正好执行图片切换，导致图片渲染不出来。 我的想法是监听tab的监听事件，在切换前禁止轮播的循环，再次回到此页面时，重新开始循环，这样就不会出现白屏现象。 步骤： 1:首先在tab时监听点击事件，因为我是自己自定义的tab,所以可以很容易的获取监听。 ``` { DeviceEventEmitter.emit('TabChange', index);//这里在跳转前发送一个消息 然后在轮播页监听事件 jumpToIndex(index); }} style={{width:WIDTH/count,flexDirection:'row', justifyContent:'space-around',}} activeOpacity={1} > {this.props.renderIcon(TabScene)} {this.props.getLabel(TabScene)} ``` 关于自定义react-navigation 的Tab请参考https://github.com/wuyunqiang/ReactNativeUtil/issues/9 2：轮播页代码： 添加监听事件 ``` componentDidMount() { this.listentab...
``` import {Dimensions,PixelRatio,Platform} from 'react-native'; export const deviceWidth = Dimensions.get('window').width; //设备的宽度 export const deviceHeight = Dimensions.get('window').height; //设备的高度 let fontScale = PixelRatio.getFontScale(); //返回字体大小缩放比例 let pixelRatio = PixelRatio.get(); //当前设备的像素密度 const defaultPixel =...
``` /* * 从上至下动画 * */ const forVerticalTop = (sceneProps)=>{ const { layout, position, scene } = sceneProps; const { route } = scene; const index = scene.index; const height...
redux的数据是在配置时候传入的，只能使用自己的部分，那么我们获取其他部分的store该如何做呢？ 其实redux的数据的传递也是通过context做到的，如果大家不熟悉可以去搜索一下关于context的文章 [context文章](http://www.jianshu.com/p/a2f5a3edbfd4) 学习一下这里只讲方法： 1：直接设置 ``` static contextTypes = { store: PropTypes.object, }; ``` 2： console.log('store getState',this.context.store.getState());//获取全局store