Javascript 反应本机纸张按钮矢量图标向右浮动

我尝试用V形图标构建一个手风琴菜单我的头部按钮有以下代码：

const AccordeonHeader = (Props) => {
        return(
            <View style={[accordionStyles.header]}>
                    <Button
                        contentStyle={[accordionStyles.header__button, ]}
                        color='black'
                        onPress={() => {show !== Props.value ? setShow(Props.value) : setShow(false)}}
                    >   
                        <Text
                            style={[accordionStyles.header__text, styles.headline__h2]}
                        >
                            {Props.label}
                        </Text>
                            
                        <Icon 
                            iconStyle={[accordionStyles.header__icon,]} 
                            name={show === Props.value ? "chevron-up" : "chevron-down"}
                        >
                        </Icon>  
                                           
                    </Button>
                </View>
        );
    }

但我无法在右边看到图标，而文本则留在左边。 它总是紧挨着我。

---

更新

import*as React from'React'；
从“react native”导入{文本、视图、样式表、按钮、TouchableOpacity}；
从“expo常量”导入常量；
从“反应本机矢量图标/FontAwesome”导入FontAwesome；
导出默认函数App（）{
返回(
console.log（“按”）}>
索蒂耶伦
);
}
const accordionStyles=样式表.create({
标题：{
宽度：“100%”，
边框颜色：“绿色”，
边界宽度：2，
flexDirection:“行”，
为内容辩护：“间隔”}，
标题图标：{
alignSelf：“柔性端”，
颜色：“黑色”
}
});

---

将显示：“flex”添加到.header\u按钮您还可以从.header中删除alignSelf属性__icon@Anees没有什么变化现在的问题是按钮只是蓝色的，但我还想点击V形按钮，按下按钮，所以V形按钮必须在按钮中我要更新我的答案，您只需将视图更改为

TouchableOpacity

，然后可以按整行。或者使用旧的颜色设置，您可以根据需要更改颜色设置。或者，如果您只希望chevron可以单击，只需更改回视图并在图标外侧添加一个

TouchableOpacity

。是一样的。

const accordionStyles = StyleSheet.create({
    header: {

    },
    header__button: {
        width:'100%',
        borderColor:'green',
        borderWidth:2,
        flexDirection:'row',
        justifyContent:'space-between',
    },
    header__text: {
        display:'none',
        color:'black',
    },
    header__icon: {
        alignSelf:'flex-end',
        color:'black',
    },
   
  });