zoukankan      html  css  js  c++  java
  • React Native返回刷新页面(this.props.navigation.goBack())

    
    
    import React, { Component } from 'react';
    import {
        AppRegistry,
        StyleSheet,
        Text,
        View,
        Button
    } from 'react-native';
    
    export default class HomeScreen extends Component {
        constructor(props){
            super(props);
        }
        static navigationOptions = {
            title: '首页',
          };
        _refresh=()=>{alert('返回刷新哈!')
        }
        render() {
            return (
                <View style={styles.container}>
                    <Text style={styles.welcome}>
                        Welcome to React Native!
                    </Text>
                    <Button
                        onPress={()=>{
                            this.props.navigation.navigate('NewsScreen',{
                                refresh:()=>{
                                 this._refresh();
                                },
                            })
                        }}
                        title="新闻"
                    />
                </View>
            );
        }
    }
    
    const styles = StyleSheet.create({
        container: {
            flex: 1,
            justifyContent: 'center',
            alignItems: 'center',
            backgroundColor: '#F5FCFF',
        },
        welcome: {
            fontSize: 20,
            textAlign: 'center',
            margin: 10,
        },
    });
    import React, { Component } from 'react';
    import {
      Platform,
      StyleSheet,
      Text,
      View,
      Button
    } from 'react-native';
    
    export default class NewsScreen extends Component {
      constructor(props) {
        super(props);
      }
      static navigationOptions = {
        title: '新闻',
      };
      render() {
        return (
          <Button
          title="点我试试"
          onPress={
            () => { 
              this.props.navigation.goBack() 
              this.props.navigation.state.params.refresh();
            }
          }
        />
        );
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
      },
    });
  • 相关阅读:
    【BZOJ1053】[HAOI2007]反素数
    【BZOJ1052】[HAOI2007]覆盖问题
    【BZOJ1051】[HAOI2006]受欢迎的牛
    【BZOJ1050】[HAOI2006]旅行
    laravel 操作多数据库总结
    微服务浅述---架构演进
    分布式锁
    laravel自动生成model
    springboot集成quartz实现任务调度
    laravel 队列服务使用总结
  • 原文地址:https://www.cnblogs.com/james-L/p/12101907.html
Copyright © 2011-2022 走看看