Konsta UI React

Konsta UI - 是一個使用 Tailwind CSS 建立的免費開源行動 UI 元件框架。

import React from 'react';
import { App, Page, Navbar, Block } from 'konsta/react';

export default function MyApp() {
  return (
    <App theme="ios">
      <Page>
        <Navbar title="My App" />

        <Block strong>Hello world!</Block>
      </Page>
    </App>
  );
}

它旨在開發具有 iOS 和 Android 原生外觀的混合行動應用程式、Web Native 應用程式或網頁應用程式。

強烈建議您在開始使用之前熟悉 Tailwind CSS 和 React 的基礎知識。

目前的文件不包括將 Konsta UI 應用程式編譯為 Cordova 或 Capacitor 應用程式的過程。它主要是關於 Konsta UI 以及如何使用其所有元件。要了解更多關於如何將您的應用程式編譯為混合 Cordova 或 Capacitor 應用程式（可以在 iOS 和 Google Play 商店發布）的資訊，請參閱它們的官方文件。

Konsta UI 的綜合範例也是一個很好的起點，它包含所有 Konsta UI 元件的大量範例，涵蓋了大部分的面向。

好的，所以首先我們需要學習如何安裝 Konsta UI