@emotion/原始核心

共享情感原始人和本地人的公用事业

导言

注意:在大多数情况下,你不需要这个包,应该使用 @emotion/native 或者说 @emotion/primitives。 。 。 .

这套软件包中包含一些共用的公用设施,由下列单位使用: @emotion/primitives 财务报告和审定财务报表 @emotion/native 用于造型和渲染组件.

这个软件包提供了两个功能, createCss 财务报告和审定财务报表 createStyled。 。 。 .

createCss(StyleSheet)

createCss 接受特定平台 StyleSheet 创建样式的方法,并返回通过字符串模板字面和对象字面符号接受样式的函数.

import { StyleSheet, View, Text } from 'react-native'
import { createCss } from '@emotion/primitives-core'

const css = createCss(StyleSheet)

<View style={css`background-color: red;`}><Text style={css`font-size: 40px;`}>Hello World</Text></View>

createStyled(StyleSheet)

createStyled 也接受特定平台 StyleSheet 创建样式的方法。 它返回一个函数, 例如, 原始人可以被分配到其中 - View, (中文(简体) ), Text,然后返回一个有样式的组件.

import { StyleSheet, View, Text } from 'react-native'
import { createStyled } from '@emotion/primitives-core'

const styled = createStyled(StyleSheet)

styled.Text = styled(Text)

const StyledText = styled.Text`font-size: 40px;`

<View><StyledText>Hello World</StyledText></View>