React Native Image组件后设置margin不生效，无法分隔最后两个组件

问题原因 #

你给Image下方两个组件传递样式时写错了属性名：React Native 中给组件绑定样式的属性是单数style，你的代码里写成了复数styles，导致descricao、guia对应的样式规则完全没有生效，所以设置的margin间隔不起作用。

修复方法 #

修改组件的样式属性名即可：

- <Text styles={styles.descricao}>{evento.descricao}</Text>
- <Text styles={styles.guia}>Organizador: {evento.guia}</Text>
+ <Text style={styles.descricao}>{evento.descricao}</Text>
+ <Text style={styles.guia}>Organizador: {evento.guia}</Text>

修改后你预先写的marginBottom和marginTop就会正常生效，两个文本组件之间就会出现预期的间隔。

额外说明 #

你之前注释掉的justifyContent: 'space-between'没有达到预期效果，是因为同时注释了flex: 1，容器没有分配到足够的高度时，space-between的弹性间隔规则无法触发。如果后续需要用弹性布局做间隔，打开flex:1的注释即可。

内容的提问来源于stack exchange，提问作者nanquim