Реагируйте родной - В чем разница между StyleSheet.absoluteFill () и StyleSheet.absoluteFillObject ()?

Question

В документации приведен пример для StyleSheet.absoluteFillObject(), поведение которого также совпадает при использовании с StyleSheet.absoluteFill():

const styles = StyleSheet.create({
  wrapper: {
    ...StyleSheet.absoluteFillObject,
    top: 10,
    backgroundColor: 'transparent',
  },
});

В чем разница между StyleSheet.absoluteFill() и StyleSheet.absoluteFillObject()?Небольшой пример будет более ценным.Спасибо !!!

Answer 1

Буквально нет никакой разницы.Сравните два, и они равны.

console.log(StyleSheet.absoluteFillObject === StyleSheet.absoluteFill); // true

проверить это

Answer 2

Нет разницы между этими двумя.Вы можете увидеть это в StyleSheet.js

Answer 3

absoluteFill - это простой способ установить вид в полноэкранный режим и в абсолютное положение.Это сокращенный вариант для:

{
 position: 'absolute',
 top: 0,
 left: 0,
 bottom: 0,
 right: 0

}

Используйте его для расширения других ваших стилей, например:

const styles = StyleSheet.create({
  container: {
   backgroundColor: 'red'
   }
});
<View style={[StyleSheet.absoluteFill, styles.container]} />

absoluteFillObject Скажите, что вы хотите установить абсолютную позицию вашего представления, но уменьшите его на 20px, чтобы сместить строку состояния (например).Вы можете распространить StyleSheet.absoluteFillObject в свой стиль, а затем переопределить одно из его значений.

const styles = StyleSheet.create({
  container: {
    ...StyleSheet.absoluteFillObject,
   top: 20,
    backgroundColor: 'red'
  }
});
<View style={styles.container} />