Skip to main content

TStylesShape

reexport
interface TStylesShape {
  nativeBlockFlow: Partial<Pick<ViewStyle, "direction">>;
  nativeBlockRet: Partial<Pick<ViewStyle, CSSLongNativeTranslatableBlockRetainedPropKey>>;
  nativeTextFlow: Partial<Pick<TextStyle, CSSLongNativeTranslatableTextFlowedPropKey>>;
  nativeTextRet: Partial<Pick<TextStyle, CSSLongNativeTranslatableTextRetainedPropKey>>;
  webBlockRet: Partial<Pick<ViewStyle, "position">> & CSSProperties;
  webTextFlow: Partial<WebTextFlowProperties> & CSSProperties;
}

A record of styles organized in logical chunks:

  • wether they are supported in React Native (native) and others (web).
  • wether they target native Views (block) or Text (text).
  • wether they are inherited by this node's children (flow) or not (retain).

Fields#

nativeBlockFlow#

required
nativeBlockFlow: Partial<Pick<ViewStyle, "direction">>;

nativeBlockRet#

required
nativeBlockRet: Partial<Pick<ViewStyle, CSSLongNativeTranslatableBlockRetainedPropKey>>;

nativeTextFlow#

required
nativeTextFlow: Partial<Pick<TextStyle, CSSLongNativeTranslatableTextFlowedPropKey>>;

nativeTextRet#

required
nativeTextRet: Partial<Pick<TextStyle, CSSLongNativeTranslatableTextRetainedPropKey>>;

webBlockRet#

required
webBlockRet: Partial<Pick<ViewStyle, "position">> & CSSProperties;

webTextFlow#

required
webTextFlow: Partial<WebTextFlowProperties> & CSSProperties;