react native 遇到的坑

1.项目中新加入组件,应执行npm install命令

2.项目执行react-native run-android 报错,应进入android目录,执行gradlew.bat clean命令

3.ListView引用函数,应先在构造器中进行this绑定

constructor(props) {

        this.renderItem = this.renderItem.bind(this);
}

onPressIcon(uid, aid) {
        const {navigator} = this.props;
        InteractionManager.runAfterInteractions(() => {
            navigator.push({
                component: LoadMyTeamMemberInfoContainer,
                name: ‘成员详细‘,
                uid: uid,
                aid: aid
            });
        });
}

<ListView
                initialListSize={1}
                dataSource={dataSource}
                renderRow={this.renderItem}
                onEndReached={this.onEndReached.bind(this,dataState)}
                onEndReachedThreshold={0}
                renderFooter={this.renderFooter.bind(this,dataState)}
                refreshControl={
                  <RefreshControl
                    refreshing={dataState.isRefreshing}
                    onRefresh={this.onRefresh.bind(this)}
                    title="加载中..."
                    colors={COLOR_REFRESH_CONTROL}
                  />
                }
            />

<TouchableOpacity
                        onPress={this.onPressIcon.bind(this,doctor.id,doctor.applyId)}>
                        <View style={styles.opeContent}>
                            <View>
                                <Text style={styles.textDefault}><Text style={styles.textWeight}>状态:</Text><Text
                                    style={styles.textRed}>{doctor.state}</Text></Text>
                            </View>
                            <View style={styles.opeRightContent}>
                                <Text style={[styles.textDefault,styles.textOpe]}>查看详情></Text>
                            </View>
                        </View>
                    </TouchableOpacity>

  

时间: 2024-10-09 14:33:38

react native 遇到的坑的相关文章

react native遇到的坑

1.模拟器报错no bundle url present https://github.com/facebook/react-native/issues/12754 http://www.cnblogs.com/dragon-aslan/p/6965014.html 2.模拟器快捷键 回到首页: Cmd + Shift + H 按一次 HOME键摁两次: Cmd + Shift + H 按两次 旋转 :Cmd + 左/右 类似手机长按 : 鼠标放app图像上,长摁电脑左下角,然后Cmd + Sh

React Native Android 从学车到补胎和成功发车经历

[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景 好几个月没发车了,完全生疏了,为了接下来能持续性的发好车,这次先准备发个小车-- React Native.没错,就是这个从去年到现在官方都憋不出大招 1.0 版本,而被我朝开发者疯狂追捧备受争议的破车.怎么说呢,这玩意刚出来时有了解过,当时的内心是抵触的,但是内心总是架不住天朝的炒作能力,更架不住硬性指标,于是我就这么被 React Native 蹂躏了一番,也

Android React Native的使用细节问题

踩了几天React Native Android的坑.总结为一句话,目前android学习react native还为时过早,坑太多,需要你慢慢去踩.就目前来讲,能踩的坑基本上都踩了一遍,所以还是等它稳定下来再去学吧,否则会浪费掉一大堆时间. 单位 在React Native中,组件的宽度,高度都是不用写单位的,你写个100,在Android中代表的到底是100px还是100dp,就不得而知了,这时候自己实践一下就一目了然了. window.width={Dimensions.get('wind

第一个React Native程序踩到的那些坑

毫不夸张的说用React Native写一个Hello World !程序是我碰到最复杂的Hello World.网络上的有关的环境搭建相关的文档也很多,但是总是有这样那样的问题. 官方中文版的安装文档,windows环境搭建文字教程 原因可能有3个: 1. 这个东西最早还是在Mac机上开发的,可能支持的会好一点,windows平台时间短. 2. 网络被墙或不稳定,注册npm淘宝镜像会快很多,但是不能完全解决问题. 3. 版本问题,Nodejs版本.React Native 版本.Android

记一次在Windows上搭建React Native Android环境踩过的坑

要说最近技术圈什么比较活跃,我想除了动态加载框架和热修复技术之外,非Facebook的React Native莫属了吧,其实RN对IOS的支持比较早,但是Android似乎难产了,直到9月份才刚开源.距离RN开源也有一段时间了,一直没有去学习,今天兴趣来潮,索性学一把吧. 本文假设你的Windows上安装了Android SDK,并配置好了环境变量. 安装Node.js 从官网https://nodejs.org/en/下载Node.js的windows版,也不知道为什么版本迭代这么快,之前安装

谈谈React Native环境安装中我遇到的坑

谈谈React Native环境安装 这个坑把我困了好久,真的是接近崩溃的边缘...整理出来分享给大家,希望遇到跟我一样问题的小伙伴能尽快找到答案. 首先,这是在初始化App之后,react-native run-android指令  报错如下: 这个问题困扰了好久,查阅了很多资料,使用各种解决办法,有的资料解决办法如下: 跟随着改变之后,再react-nativerun-android,运行结果如下: 以上的方法依然未能解决,反而报了其他的错误,然后我把文件中更改的地方复原. 下面是第二种方法

React native采坑路

1. Running 1 of 1 custom shell scripts 卡住的问题. 分析: 四个文件没有下载完成. boost_1_63_0.tar.gz folly-2016.09.26.00.tar.gz double-conversion-1.1.5.tar.gz glog-0.3.4.tar.gz 1.下载文件 ---->这里有解决方案: http://bbs.reactnative.cn/topic/4301/ios-rn-0-45%E4%BB%A5%E4%B8%8A%E7%8

React Native 环境搭建踩坑

React Native (web Android)环境搭建踩坑(真的是一个艰辛的过程,大概所有坑都被我踩了 官方文档地址 : https://facebook.github.io/react-native/docs/getting-started 选择  Building Projects with Native Code 大家可以参照官方文档一步一步来,下面是我遇到的一些问题总结 查看一下node版本           node -v ------- 进入安装之前最好查一下JDK版本   

react-native —— 在Mac上配置React Native Android开发环境排坑总结

配置React Native Android开发环境总结 1.卸载Android Studio,在终端(terminal)执行以下命令: rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Application\ Support/A