React原生應用程序變得無響應/崩潰狀態發生變化

我正在爲React-Native構建一個iPad應用程序，當用戶單擊一個按鈕時，將出現一個Modal。React原生應用程序變得無響應/崩潰狀態發生變化

模態開始隱藏起來，父組件然後設置一個state布爾變量來決定是否顯示模態。

這是我的代碼，請忽略尚未使用的導入。

import React, { Component } from "react"; 
import { StyleSheet, View, Modal, Text, Button } from "react-native"; 

const PopupModal = props => { 
    console.log(props); 
    return (
    <Modal transparent={true} visible={props.visible}> 
     <View 
     style={{ 
      backgroundColor: "rgba(0,0,0,.5)", 
      flex: 1, 
      justifyContent: "center", 
      alignItems: "center" 
     }} 
     > 
     <View 
      style={{ 
      height: 386, 
      width: 355, 
      backgroundColor: "#FFF", 
      borderRadius: 10, 
      }} 
     > 
      <Button onPress={() => {}} title="Save" /> 
     </View> 
     </View> 
    </Modal> 
) 
} 

export default PopupModal;

這裏的父Component

class Home extends Component { 
    constructor() { 
    super(); 
    this.state = { 
     videos: [], 
     offset: { 
     y: 0, 
     x: 0 
     }, 
     showPopupModal: false, 
     selectedVideo: { 
     id: null, 
     reflectiveStatement: null, 
     } 
    }; 
    } 
    editStatement = (id, reflectiveStatement) => { 
    this.setState({ 
     showPopupModal: true, 
     selectedVideo: { 
     id, 
     reflectiveStatement, 
     } 
    }) 
    } 
    render() { 
    return (<PopupModal visible={this.state.showPopupModal} /> 
    } 
} 

export default Home;

的this.state.showPopupModal或者是true或false但每次我點擊按鈕火災editStatement我的應用程序凍結。

來源

2017-03-10 Dan

這是React 0.42.0的問題，此問題已解決，因爲0.42.2

來源

2017-03-17 13:36:00 Dan

React原生應用程序變得無響應/崩潰狀態發生變化

回答

相關問題