2017-04-23 57 views
0

我想要更改模式的高度以适应内容。它永远只是转到屏幕的高度:拉伸高度以适应内容反应本地

enter image description here

JSX:

<Modal style={styles.modal} 
    isVisible={props.categories.some(x => showModal(x))}> 
    <Container style={styles.modalView}> 
     <Header style={styles.header}> 
     <Left> 
      <Title 
      style={styles.title}>{getDisplayedCategoryLabel(props.categories)} 
      </Title> 
     </Left> 
     <Right> 
      <Button 
      small 
      transparent 
      danger 
      rounded 
      icon 
      onPress={() => props.setAllShowSubcategoriesToFalse()}> 
      <Icon name="times" size={20} color='#9E9E9E' /> 
      </Button> 
     </Right> 
     </Header> 
     <Content > 
     <SelectMultiple 
      labelStyle={styles.label} 
      items={getDisplaySubcategories(props.categories)} 
      selectedItems={ 
      props.categories.filter(category => category.selected) 
      } 
      onSelectionsChange={props.toggleSubcategory} /> 
     </Content> 
    </Container> 
    </Modal> 

风格:

const styles = { 
    modalView: { 
    flex: 1, 
    backgroundColor: '#FFFFFF', 
    padding: 20, 
    borderRadius: 8, 
    height: 100 
    }, 
    modal: { 
    padding: 10, 
    height: 100 
    } 
    } 

改变的modal风格高度不会做任何事情。我似乎无法改变高度。我应该做些什么来影响身高?

我使用react-native-modal

回答

0

这只是一个猜测,但如何你给paddingTop0值,看看它是如何工作的。删除您的通用padding,并根据要实现的样式精确使用paddingLeft, paddingRight, paddingBottom进行指定。

希望这有助于一点点

相关问题