Question

我无法使用 style 属性配置模态高度和宽度。有没有其他方法来设置模态高度和宽度？

 <Modal style={{height: 300, width: 300}}
        visible={this.state.isVisible}
        onRequestClose={this.closeModal}>
 </Modal>

上面的代码不起作用。

Answer 1

根据Modal文档，没有设置var accounts = Database.Accounts.ToList(); Transfer pair, pair2; Database.Transfers.Add( pair = new Transfer() { ID = Guid.NewGuid(), Ammount = 100, Filter = accounts[0].Filter, Acount = accounts[0], } ); Database.Transfers.Add ( pair2 = new Transfer() { ID = Guid.NewGuid(), Ammount = -100, Filter = accounts[1].Filter, Acount = accounts[1], } ); pair.PairedTransfer = pair2; pair2.PairedTransfer = pair; Database.SaveChanges();道具。

您可以尝试在style内设置<View>维度：

<Modal>

Answer 2

在Modal文档中没有提到它，但是它具有样式属性。

以下对我有用。

<Router>

Answer 3

在尝试其他方法之后，以下内容对我有用

<Modal isVisible={this.state.isModalAddCompanionVisible} >
        <Button
        block
        style={{ marginTop: 20}}>
        <Text style={{ color: "white" }}  >Add Another Companion</Text>
      </Button>
       <View style={{backgroundColor: "white", height: 120}}> 

        </View>
      <View style={{flexDirection: 'row'}}>
      <Button
        block
        style={{ marginTop: 0,width: '40%'}}  onPress={this._toggleModalAddCompanion.bind(this)} >
        <Text style={{ color: "white" }} >Cancel</Text>
      </Button>
       <Button
        block
        style={{ marginTop: 0,width: '60%',}}   >
        <Text style={{ color: "white" }} >Add</Text>
      </Button>
     </View>
    </Modal>

Answer 4

尝试以Madal Component的样式添加margin：0：

将宽度和高度设置为React-native模式

4 个答案: