My title text is not wrapping as expected:
https://i.sstatic.net/SQIs4.png
I am currently using native-base
let SearchPage = (props) => {
const menu = (
<Container>
<Header style={styles.header}>
<Left>
<Button transparent onPress={props.togglePageMenu}>
<Icon name='menu' />
</Button>
</Left>
<Body>
<Title style={styles.title} numberOfLines={2}>Search Products</Title>
</Body>
<Right>
</Right>
</Header>...
Here are my styles:
title: {
flexWrap:'wrap',
flex: 1,
color: '#9E9E9E',
fontWeight: '200',
fontSize: 19
},
header: {
backgroundColor: '#F7F7F7'
},
I need help figuring out what the issue might be. Can anyone assist?