Как использовать StyleSheet.absoluteFillObject с ts, реактивными и стилизованными компонентами?

Question

Я пытаюсь заставить этот код работать

import { StyleSheet } from 'react-native';

const Container = styled.View`
   justify-content: center;
   align-items: center;
   ${StyleSheet.absoluteFillObject};
`;

К сожалению, машинопись работает со следующей ошибкой:

[ts]
Argument of type 'AbsoluteFillStyle' is not assignable to parameter of type 'Interpolation<ThemedStyledProps<ViewProps & ContainerProps, any>>'.
  Type 'AbsoluteFillStyle' is not assignable to type 'ReadonlyArray<string | number | false | Styles | StyledComponentClass<any, any, any> | InterpolationFunction<ThemedStyledProps<ViewProps & ContainerProps, any>> | ReadonlyArray<FlattenInterpolation<ThemedStyledProps<ViewProps & ContainerProps, any>>> | null | undefined>'.
    Property 'length' is missing in type 'AbsoluteFillStyle'.

Любая помощь оценивается заранее, спасибо.

Answer 1

Следующий синтаксис должен работать для использования объекта свойств CSS с styleled-компонентами, хотя я сам не проверял его:

import { StyleSheet } from 'react-native';

const Container = styled.View({
   ...StyleSheet.absoluteFillObject,
   justifyContent: center,
   alignItems: center
})

Смешивание объекта свойств CSS с интерполированной строкой втот же вызов styled в настоящее время не поддерживается.См. эту проблему для получения дополнительной информации.

Answer 2

Давайте попробуем что-нибудь подобное.см. ссылку на документ нажмите здесь

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
    ...StyleSheet.absoluteFillObject,
    justifyContent: center,
    alignItems: center
  },
});