Konsta UI - 是一个免费的开源移动 UI 组件框架,使用 Tailwind CSS 构建。
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>
);
}
它旨在开发混合移动应用、Web Native 应用或具有 iOS 和 Android 原生外观和感觉的 Web 应用。
强烈建议你在开始之前熟悉 Tailwind CSS 和 React 的基础知识。
当前文档不涵盖将 Konsta UI 应用编译为 Cordova 或 Capacitor 应用的过程。它主要关注 Konsta UI 及其组件的使用方法。要了解有关如何将你的应用编译为可在 iOS 和 Google Play 商店发布的混合 Cordova 或 Capacitor 应用的更多信息,请参考他们的官方文档。
Konsta UI 的 万花筒 是一个很好的入门资源,它包含了 Konsta UI 所有组件的示例,涵盖了大部分方面。
好的,首先我们需要学习 如何安装 Konsta UI