在另一个内部显示组件

时间:2018-12-22 20:00:59

标签: react-native

基本上,我需要在用户单击按钮时打开模式。我将需要在某些屏幕上使用此模式,因此我为模式创建了一个单独的文件。但是,当我尝试在另一个组件上使用它时,它用完了。我现在开始,并且我已经使用了ngIf的angular想法,如果您知道如何做到这一点,则可能无法正常工作。模态的想法是包含一个微调框,当我设置为true时,它会出现,设置为false时,它会消失。

此代码称为模式:

 conn.Open();
 string database1 = conn.Database.ToString();
 SqlCommand insert = new SqlCommand();
 insert.Connection = conn2;             
 insert.Parameters.Add("@Réf", SqlDbType.Int).Value = row["N° Caisse"];
 insert.CommandText = @"INSERT INTO Caisse([N° Caisse],[Date d'Ouverture],[Date de Clôture],[Fond de Caisse],[Vendeur]) SELECT*FROM ["+database1+"].dbo.Caisse x WHERE  x.[N° Caisse]=@Réf";
 conn2.Open();
 insert.ExecuteNonQuery();
 conn2.Close();

这是一个模态:

export default class Home extends Component {

constructor(props){
  super(props);

  this.loading = false;
}

render() {
  return (
    <View>
      <Button 
        title="Click me"
        onPress={ () => { this.loading = true } }
      />
      {this.loading ? <Modal /> : null}
    </View>
  );
 }
}

肥胖:当我在构造函数中设置render() { return ( <View style={{ marginTop: 150 }}> <Modal transparent={true} animationType="none" onRequestClose={() => { Alert.alert("Modal has been closed."); }} > <View style={{ marginTop: 300 }}> <View> <ActivityIndicator size="large" color="#0000ff" /> </View> </View> </Modal> </View> ); } 时,模式会正常显示。

0 个答案:

没有答案