Question

我有一个react native项目，我想在样式表paddingBottom的'90％'值中添加一个像素值，我已经测试过：

paddingBottom: '90%' + 20,

没有用，请您帮忙吗？

Answer 1

您似乎希望将底部填充设置为屏幕高度的90％，而无需安装任何其他依赖项即可完成此操作。

添加到样式所在的位置：

import { Dimensions} from 'react-native'

并获取窗口的高度

const height = Dimensions.get('window').height;

然后在设置填充时，您可以执行以下操作

paddingBottom: height * 0.9 + 20

Answer 2

示例：

const styles = EStyleSheet.create({
    column: {
      width: '100% - 20'
    }
  });

或者您也可以使用flex

以组件样式使用flex以使组件展开并根据可用空间动态缩小。通常你会用 flex：1，告诉组件填充所有可用空间，共享在具有相同父项的其他组件之间平均分配。越大给定弹性，组件所占空间比例越高与其兄弟姐妹相比。