用于大屏幕的 React Native 纸芯片

时间:2021-06-29 05:22:55

标签: react-native

我目前正在使用 react-native 纸库中的 Chip 组件。我正在为宽屏平板电脑设计这个组件。

enter image description here

用于生成此代码的代码:

<Chip
  style={{
  marginRight: 20,
  }}
  textStyle={{
  fontSize: 30,
  }}
 >

然后我尝试调整组件的高度并对齐文本中心。

[enter image description here]

用于生成此代码的代码:

<Chip
  style={{
  marginRight: 20,
  height: height * 0.1,
  alignItems: "center",
  }}
  textStyle={{
  fontSize: 30,
  }}
 >

这次高度足以容纳文本但仍被覆盖。有没有人知道解决这个问题的解决方案或一些道具?

0 个答案:

没有答案