React native 在react native flex=1中设置样式时不起作用

您好，我对React Native相当陌生，我使用flex=1制作一个覆盖整个屏幕宽度的按钮，但由于某些原因，这并没有发生

---

-Flex:1覆盖容器的整个宽度和高度

-在您的情况下，视图（第9行）占用了其容器的全部可用空间 这是TouchableOpacity（第8行）

问题是TouchableOpacity并没有占用整个可用空间，因为您没有给出该指令

只需将style={{flex:1}}添加到TouchableOpacity中，它就可以工作了

---

您可以使用

TouchableOpacity

作为视图，这样您就可以从

按钮中删除内部
..
组件，并且只使用
立即购买

我不知道您的
CardSection
组件如何，但我敢打赌，将
flex:1
设置为
touchablepacity
并删除嵌套视图将解决您的问题

您以错误的方式使用样式表。正确的方法是从
react native
导入
样式表
，如下所示：

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  buttonStyle: {
    backgroundColor: "#f7f7f7",
    flex: 1, // This will be applied to TouchableOpacity
    flexDirection: 'row'
  },
  textStyling: {
     // ...
  }
});

我强烈建议您看看（这是一组随时可用的组件）

您可以在线尝试此解决方案并访问此