I'm using shoutem/ui http://shoutem.github.io/docs/ui-toolkit/components/rows components and I can't seem to get this row item to have a smaller height - it seems to be taking the full flex height. how do I get the orange area to be smaller? I tried setting the flex and height properties but it doesn't seem to work.
<TouchableWithoutFeedback onPress={() => this.toggleRegister(true)}>
<Row style={{backgroundColor:"#ff7f50", height: 20, flex: 0.2}} styleName="small">
<Icon name="edit" />
<Text>Don't have an account?</Text>
<Icon styleName="disclosure" name="right-arrow" />
</Row>
</TouchableWithoutFeedback>
The Row component might not actually take style...could you try moving the style to TouchableWithoutFeedback or surrounding it with a View?