react native 遇到的坑

Posted 2020-07-20 编程随想曲

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>