README

构建 React Native 应用程序所使用的通用工具。

React Native

安装

npm install --save react-native-app-helpers

import { createTextComponent } from "react-native-app-helpers";

导出

组件

钩子

服务

类型

实用工具

Concepts

组件工厂方法

这里的大多数组件都通过工厂方法包装，该方法传递所有在运行时不应更改的信息。这允许对样式进行大量缓存，这应该有助于提高性能（请参阅React Native 文档）。

要使用它们，您会做类似以下的事情

import { createTextComponent } from "react-native-app-helpers";

const ExampleText = createTextComponent(`example`, `red`, 12, `left`, false);

const ExampleScreen = () => (
  <ExampleText>
    Hello World!  (in the "example" font, in red, at size 12, left-aligned)
  </ExampleText>
);

行高

本节中所有渲染文本的组件都应用了字体大小的1.4倍行高。这是为了确保iOS和Android之间的一致渲染，后者默认在文本下方有更多空间。

间距

没有组件应包含任何外部填充或间距，因为这通常是上下文相关的问题。相反，使用包装组件（这些组件提供内部填充/间距）。

限制使用内部状态

尽可能少的组件依赖于任何形式的内部状态；在可能（且实际）的情况下，所有状态都通过props传递，并通过回调（也通过props提供）向父组件建议更改。这使得组件更加可重用。

Laravel

安装

composer require jameswilddev/react-native-app-helpers

内容

SyncApi

詹姆斯·威尔德 / react-native-app-helpers

维护者

详细信息