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.
Links
Contact us