@actbase/native 中文文档教程

发布于 3年前 浏览 17 项目主页 更新于 3年前

Actbase

您可以轻松自定义 UI 库的设计。

Features

Layout & Styling

  • 기본적으로 사용자가 놓칠 수 있는 기능을 대응합니다.
  • 다양한 컴포넌트들을 props 혹은 event에 따라 다르게 스타일을 조정할 수 있습니다.
  • CSS 스타일처럼 디자인을 입힐 수 있습니다.
  • React Native 에서 반응형 스타일링을 해보세요.

Form

  • 강력한 Form 엔진을 통해 입력값부터 Validate까지 완벽하게 처리합니다.
  • 기존에 HTML에서 사용하던 방식으로 사용할 수 있습니다.
  • json, formdata 원하는 출력으로 손쉽게 사용합니다.

Modal & Notification

  • 다중으로 Modal을 지원합니다.
  • 모든 custermize가 가능하니 걱정 ㄴㄴ

Web Supported

  • React Native Web과 어느정도 호환됨
  • 그리고 일반 웹용이랑 비슷하게 생겨서 개발쪽에서도 걱정 ㄴㄴ

Environment Support

  • React Native 0.61 이상 사용 가능합니다.
  • 기본적으로 react-native-safe-area-context 를 통해 SafeArea를 대응합니다.

Install

npm install @actbase/native react-native-safe-area-context

or

yarn add @actbase/native react-native-safe-area-context

npx pod-install

Usage

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

TypeScript

@actbase/native 是用 TypeScript 写的,定义完整,查看 Use in TypeScript 开始。

Contact us

Actbase

You can easily customize the design of the UI Library.

Features

Layout & Styling

  • 기본적으로 사용자가 놓칠 수 있는 기능을 대응합니다.
  • 다양한 컴포넌트들을 props 혹은 event에 따라 다르게 스타일을 조정할 수 있습니다.
  • CSS 스타일처럼 디자인을 입힐 수 있습니다.
  • React Native 에서 반응형 스타일링을 해보세요.

Form

  • 강력한 Form 엔진을 통해 입력값부터 Validate까지 완벽하게 처리합니다.
  • 기존에 HTML에서 사용하던 방식으로 사용할 수 있습니다.
  • json, formdata 원하는 출력으로 손쉽게 사용합니다.

Modal & Notification

  • 다중으로 Modal을 지원합니다.
  • 모든 custermize가 가능하니 걱정 ㄴㄴ

Web Supported

  • React Native Web과 어느정도 호환됨
  • 그리고 일반 웹용이랑 비슷하게 생겨서 개발쪽에서도 걱정 ㄴㄴ

Environment Support

  • React Native 0.61 이상 사용 가능합니다.
  • 기본적으로 react-native-safe-area-context 를 통해 SafeArea를 대응합니다.

Install

npm install @actbase/native react-native-safe-area-context

or

yarn add @actbase/native react-native-safe-area-context

npx pod-install

Usage

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

TypeScript

@actbase/native is written in TypeScript with complete definitions, check Use in TypeScript to getting started.

Contact us

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文