小编Vah*_*iri的帖子

我正在尝试将该功能绑定handleClick到我的按钮onPress.但它不起作用.当我刷新页面时,我在没有点击按钮的情况下收到警报,在我关闭警报并单击按钮后,没有任何反应.

我的代码是:

class ActionTest extends Component {
  constructor(props) {
    super(props);
    this.state = { 
      thename: 'somename'
    };
  }

  handleClick(){
    alert('Button clicked!');
  }

    render(){
      return(
        <View>
          <Button
           onPress={this.handleClick()}
           title="Click ME"
           color="blue"
          />
        </View> 
        );
    }
}

我也收到了警告:

我究竟做错了什么？

我已经使用这个FlatList,在这里我呼吁renderRow在我所编写的代码来呈现列表中的项目功能,我怎样才能获得rowId的每一行renderer的renderRow方法？

<List containerStyle={{borderTopWidth:0 , borderBottomWidth:0}}>
        <FlatList data={this.state.horseList}
        renderItem={(item) => this.renderRow(item)}
        _keyExtractor ={item => item.id} 
        onRefresh={this.handleRefresh}
        refreshing={this.state.refreshing}
        onEndReached={this.handleLoadMore}
        onEndReachedThreshold={1}
        ListFooterComponent={this.renderFooter}
        onRefresh={this.handleRefresh}
        />
    </List>

我有个问题.我想从一个组件设置状态另一个组件,但我不知道该怎么做？

我正在与建立一个聊天框Flatlist。我想向数据添加一个新项目，然后滚动到列表底部。我使用scrollToEnd方法，但是没有用。我怎样才能做到这一点？

<FlatList
        ref="flatList"
        data={this.state.data}
        extraData = {this.state}
        renderItem={({item}) => <Text style={styles.chatFlatListItem}>{item.chat}</Text>}
/>

AddChat(_chat){
    var arr = this.state.data;
    arr.push({key: arr.length, chat: _chat});
    var _data = {};
    _data["data"] = arr;
    this.setState(_data);
    this.refs.flatList.scrollToEnd();
 }

我正在尝试使用react-native-material-ui库的工具栏.但是我在这个过程中不断收到一个错误.我已经被困在这个很长一段时间了.我index.android.js看起来像这样:

import React, { Component } from 'react';
import { StyleSheet,AppRegistry, View } from 'react-native';
import { Toolbar } from './node_modules/react-native-material-ui';


const styles = StyleSheet.create({
pageContainer: {
    flex: 1,
},
});


export default class Reminder_react extends Component {
   render() {
    return (
        <View style={styles.pageContainer}>
            <Toolbar leftElement="arrow-back" centerElement="Icon Toggle" />

        </View>
    );
   }
}
AppRegistry.registerComponent('Reminder_react', () => Reminder_react);

终端没有出现任何错误,但手机屏幕亮起红灯区.这是错误.

有人在 React Native 中使用过地理围栏吗？你是怎么做到的？

我找到了这个插件：https : //www.npmjs.com/package/react-native-geo-fencing 这基本上会获取你的经度和纬度并确定你是否在多边形中，但假设你有 100 个不同的多边形，似乎循环遍历所有这些直到找到您所在的多边形的性能真的很差。

有没有更优雅的方法来做到这一点？

从上个月开始，我一直在进行首次react-native申请。根据文档react-native，该Java脚本代码在虚拟dom中运行。但是当我提取apk时，没有一个Java脚本文件。因此，我对这整个过程是如何工作感到困惑的？如果有人有任何想法请以我为例。

我正在开发一个应用程序，在某个时候应用程序从 Facebook Graph API 接收一个字符串。

字符串看起来像这样：

"Some text some text, some text.\n\nMore text and more\n\nAnd little bit more".

如何用换行符替换 \n\n 代码中实际有效的内容？

我知道如何用一些东西替换它：

var ret = stringToReplace.replace('\n\n','<br />');

但是我怎样才能用工作换行符替换它。我试图用 '\n' '\r\n' 替换。每个替换都像通常的文本一样。例如：

"Some text some text, some text.<br />More text and more<br />And little bit more"