📄️ 定义你的主题
任何使用此库的项目都应该有一个全局主题对象，其中指定了间距、颜色、断点等的一组值。这些值可用于 Restyle 组件，例如，你可以编写 backgroundColor="cardPrimary" 来使用主题中命名的颜色。事实上，TypeScript 强制 backgroundColor 属性仅接受在你的主题中定义的颜色，并在现代编辑器中自动完成这些值。
📄️ 颜色
在设计系统中使用颜色时，常见的模式是拥有一个调色板，其中包括许多具有较深和较浅阴影的基色，例如 Polaris 调色板。
📄️ 间距
间距倾向于遵循给定基本间距数字（例如 8）的倍数。我们更喜欢使用 T 恤尺寸的命名约定，因为它具有可扩展性（可以预先添加任意数量的 x 来表示更小和更大的尺寸）。
📄️ 访问主题
如果你需要在使用 Restyle 创建的组件之外手动访问主题，请使用 useTheme hook。
📄️ 变体
变体是 Restyle 函数的一种形式，它将一个 prop 映射到多个其他 prop，以便与 Restyle 函数一起使用。变体始终需要映射到主题中的一个键。
📄️ 断点
断点定义为不同目标屏幕尺寸的最小宽度（包括），我们希望在这些屏幕尺寸上应用不同的样式。请考虑为你的断点命名，以便大致了解用户正在使用的设备类型。断点可以通过单个值（宽度）或包含宽度和高度的对象来定义。
📄️ 响应式值
由 Restyle 提供支持的任何 prop 都可以选择接受每个屏幕尺寸的值，如主题中的断点对象所定义。
📄️ 覆盖样式
任何 Restyle 组件也接受常规 style 属性，并会在所有其他样式之后应用它，这意味着你可以使用它来执行你可能发现必要的任何覆盖。
📄️ Restyle 函数
Restyle 函数是 Restyle 的基础。它们指定如何将 prop 映射到结果样式对象中的值，然后可以将该样式对象传递给 React Native 组件。这些 prop 支持响应式值，并且可以映射到主题中的值。
🗃️ 组件
2 个项目