React Native Horizo​​ntal ScrollView 不滚动

Question

我是 React Native 的新手，我正在尝试使用滚动视图进行水平滚动，但它根本没有滚动。它是完全静态的 我目前正在使用 react-native: "0.68.2", expo: "~45.0.0"

这是我的代码

<ScrollView
        horizontal
        showsHorizontalScrollIndicator={true}
        contentContainerStyle={{flexGrow:1}}
        >
          <BookCard/>
          <BookCard/>

        </ScrollView>

书卡的密码是

const BookCard = styled.View
 background-color: ${(props) => props.theme.colors.bg.primary};
  border-radius: 5px;
  margin-left: 5px;
  flex-direction: row;
  height: 150px;
  border-radius: 5px;
  width: 70%;

我还在滚动视图周围添加了一个带有 flex:1 的视图，但它仍然不起作用...请问我哪里错了？

Answer 1

实际上我刚刚解决了这个问题...这是因为我将书卡的宽度设置为百分比值，这就是为什么它不起作用的原因，即如果您将卡片设置为 width:50%你在滚动视图中放了 4 张卡片，它只滚动到 2 张卡片，因为这 2 张卡片加起来占了滚动视图的 100%（我很笨哈哈）

我用 px 值替换了百分比值，无论项目数量有多少，它现在都可以完美滚动了。谢谢