文字换行时文字组件的自动高度

Question

如何设置自动高度，所以当文本自动换行时，其高度不会被切掉：

const StyledText = props => {
    .....
    return (
        <View style={{ ...styles.container }}>
            <Text style={styles.title}>
                <Text style={{ fontFamily: boldFont }}>{firstWord + " "}</Text>
                <Text style={{ fontFamily: "Lato-Bold" }}>{restOfTitle}</Text>
            </Text>
        </View>
    );
};

export default StyledText;

const styles = StyleSheet.create({
    title: {
        color: "#fff",
        fontSize: 18
    },
    container: {
        textAlign: "left",
        padding: 10
    }
});

Android会进行相应调整，但iOS换行时不会在新行上显示文本。