react-native - UI Kitten - Modal - 如何设置样式和设置大小、颜色等？

Question

我很想在我的应用程序中实现 UI Kitten 模式。我的模态工作得很好。我在设置模态框的长​​度、大小和颜色时遇到的问题。

<Modal
  visible={visible}
  backdropStyle={styles.backdrop}
  style={styles.modalContainer}
  ViewProps={styles.modalSize}>
  <Card disabled={true} header={modalHeader} footer={modalFooter}>
    {selectedType ? renderItemSelectedDetails() : ''}
  </Card>
</Modal>

我将此 CSS 样式传递给模态 ViewProps。

  modalSize: {
    width: '250px',
    height: '200px',
    backgroundColor: '#58B83E',
  },

无论我在这个 CSS 中传递什么，它都不会影响模态框的样式或大小。我究竟做错了什么？

Answer 1

您需要将样式传递给 Modals 的样式道具。

<Modal
  backdropStyle={styles.backdrop}
  style={styles.modalSize}
  visible={visible}>
    <Something />
</Modal>

此外，您可以将 Layout 添加为子项，并按照您想要的模式设置样式。（我更喜欢这个解决方案）

<Modal
  backdropStyle={styles.backdrop}
  visible={visible}>
  <Layout
    level='3'
    style={styles.modalSize}>
     <Something />
  </Layout>
</Modal>