@bacons/ 苹果- 颜色

在所有平台的博览会应用中使用本地适应的iOS颜色.

此软件包为所有人提供了打入绑定 UIKit 颜色 安卓和网络上的本地适应性吸食 网页颜色使用 CSS 变量,支持高格子显示.

将软件包添加到您的 npm 依赖性

这个工程需要一个Dev客户端在Android上,因为颜色通过配置插件被添加到本地资源中.

yarn add @bacons/apple-colors

在你的应用。 json:

{
  "expo": {
    "plugins": ["@bacons/apple-colors"]
  }
}

使用量

import * as Colors from "@bacons/apple-colors";

function App() {
  return (
    <>
      <View
        style={{
          backgroundColor: Colors.systemBackground,
        }}
      >
        {/* No TypeScript errors... */}
        <Text style={{ color: Colors.label }}>Link</Text>
      </View>
    </>
  );
}

颜色

与Android的问题

这在技术上是可行的,在Android上被正确设置,而PlatfaceColor API in React Introduct 有错误 这使得它不能在运行时更新。 这意味着一个组件第一次以颜色被挂起,它就会是正确的颜色,但是如果外观在运行时发生变化,它不会被更新. 这是对React Introduct的限制,而不是这个包.