weird text and modal problem

controlScreen.js

  <Modal
                    isVisible={this.state.confirmModalVisible}
                    backdropColor={'orange'}
                    backdropOpacity={1}
                    animationType={'slide'}
                    >
                    <View >
                        <Text> {this.state.activeCommandText} </Text>
                        <View style={styles.row} >

                            <Button 
                                backgroundColor="green"
                                onPress={() => this.sendSimpleCommand()}
                                title="Confirm"
                                containerViewStyle={styles.button}
                            />

                            <Button
                                backgroundColor="red"
                                onPress={() => this.cancelCommand()}
                                title="Cancel"
                                containerViewStyle={styles.button}
                            />
                        </View>
                    </View>
                </Modal>



onst styles = StyleSheet.create({
    modalView: {
        backgroundColor: 'white',
        padding: 22,
        justifyContent: 'center',
        alignItems: 'center',
        borderRadius: 4,
        borderColor: 'rgba(0, 0, 0, 0.1)',
    },

    confirmModal: {
        paddingTop: '40%',
        paddingBottom: '20%',
        flexDirection: "column",
        justifyContent: "center",
    },

    confirmSpeedSetModal: {
        paddingTop: '40%',
        paddingBottom: '20%',
        flexDirection: "column",
        justifyContent: "center",
    },

    confirmButton: {
        backgroundColor: 'lightblue',
        padding: 12,
        margin: 16,
        justifyContent: 'center',
        alignItems: 'center',
        borderRadius: 4,
        borderColor: 'rgba(0, 0, 0, 0.1)',
    },

    cancelButton: {
        backgroundColor: "red",
        paddingVertical: 3,
        alignItems: "center",
        justifyContent: "center",
        marginTop: 3,
    },


});