Git Product home page Git Product logo

wanandroid-compose-multiplatform's Introduction

WanAndroid-Compose-Multiplatform

一 项目预览

Android截图

IOS截图

二 开发环境

  • 软件系统:MacOS 13.5
  • 开发工具:Android Studio Giraffe|2022.3.1
  • JRE:18.0.1

三 项目创建(基于模版)

3.1 模版

3.2 模版修改

项目名称(settings.gradles.kts)

  • rootProject.name

androidApp(build.gradle.kts)

  • namespace:设置包名
  • applicationId
  • src/androidMain/kotlin下面的包名与namespace一样

iosApp

kdoctor --team-ids

执行上面的指令,获取Apple Team ID

iosApp/Configuration/Config.xcconfig配置以下信息

  • TEAM_ID:Apple Team ID
  • BUNDLE_ID:包名
  • APP_NAME:项目名称

desktopApp(build.gradle.kts)

  • packageName:应用名称
  • packageVersion:版本

四 版本

v1.0

v2.0

添加依赖:

  • compose.materialIconsExtended:Icon扩展
  • compose.animation:动画
  • voyager-navigator:voyager库
  • voyager-transitions:voyager库

内容修改:

  • desktopApp,通过Window.title修改标题显示
  • 主题设置
  • 项目框架搭建(首页、导航、项目、消息、我的)

v3.0

依赖

添加依赖-commonMain:

  • kamel-image:网络图片
  • ktor-client-core:ktor网络请求
  • ktor-server-auto-head-response:ktor网络请求
  • ktor-client-logging:ktor日志打印
  • ktor-serialization-kotlinx-json:ktor序列化
  • ktor-client-content-negotiation:ktor序列化/反序列化特定格式的内容
  • voyager-navigator:voyager导航
  • voyager-transitions:voyager专场
  • xxfast:kstore-file:kstore文件
  • kstore:kstore数据保存

添加依赖-androidMain:

  • ktor-client-android:ktor网络安卓端
  • accompanist-systemuicontroller:systemuicontroller导航

添加依赖-iosMain:

  • ktor-client-darwin:ktor网络ios端

添加依赖-desktopApp

  • appdirs:使用kstore-file时,需要用到

UI界面

  • 首页
  • 导航
  • 项目
  • 消息
  • 我的
  • 消息

wanandroid-compose-multiplatform's People

Contributors

pgzxc avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.