React Native 如何使用justifyContent将元素居中并避免它们被水平滚动的div切断屏幕：“中心”

vsaztqbk 于 2023-06-24 发布在 React

关注(0)|答案(1)|浏览(126)

如果不使用justifyContent：“center”，我就找不到一种方法来使水平滚动div居中。问题是，当使用justifyContent：“center”时，显示滚动指示条时，它也会切断部分正在div中呈现的元素。
我已经试过使用alignContent，alignItems，alignSelf，但结果不同。但是没有一个能像预期的那样工作。

<div
  style={{
   display: 'flex',
   overflowX: 'scroll',
   justifyContent: 'center',                    
  }}
>
 {data.map(() => {
   return (
    <View>
      <cmp />
    </View>
   );
  })}
</div>

react-native

来源：https://stackoverflow.com/questions/74391770/how-to-center-elements-and-avoid-them-being-cut-off-the-screen-with-a-horizontal

1条答案

按热度按时间

mwg9r5ms1#

而不是使用justify-content：center，您可以使用width来实现所需的效果：配合量与余量的组合：汽车
而不是：

<div
  style={{
   display: 'flex',
   overflowX: 'scroll',
   justifyContent: 'center',                    
  }}
>

您可以用途：

<div
  style={{
   display: 'flex',
   overflowX: 'scroll',
   justifyContent: 'flex-start',
   width: 'fit-content',
   margin: 'auto',
  }}
>

赞(0）回复(0）举报 2023-06-24

我来回答

React Native 如何使用justifyContent将元素居中并避免它们被水平滚动的div切断屏幕：“中心”

1条答案

相关问题

热门标签

最新问答