腾讯会议APP

最新推荐文章于 2024-04-24 09:41:30 发布

大道无形，上下求索

最新推荐文章于 2024-04-24 09:41:30 发布

阅读量342

点赞数

分类专栏：记录文章标签：腾讯会议 react native android

本文链接：https://blog.csdn.net/weixin_47371588/article/details/128363635

版权

记录专栏收录该内容

46 篇文章 0 订阅

订阅专栏

腾讯会议APP

安装依赖

管理员
@react-native-community/masked-view view制造层
@react-navigation/bottom-tabs tab按钮
@react-navigation/native 本地依赖主程序
@react-navigation/stack 点击跳转栈
react-native-gesture-handler 路由跳转工具
react-native-reanimated 动画
react-native-safe-area-context 安全区上下文
react-native-screens 屏幕相关
react-native-swiper 轮播
react-native-vector-icons 图标

更改配置

android/app/src/main 新建 assets文件夹
index.js 复制为 index.android.js
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

项目技术

react-navigation 导航栏

官网

react-native-vector-icons 图标

安装依赖
yarn add react-native-vector-icons
添加配置
android/app/build.gradle 下添加 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
使用
import AntDesign from 'react-native-vector-icons/AntDesign';
或 import Icon from 'react-native-vector-icons/FontAwesome';
必要时重启

mock 数据

使用ApiPost软件设计Api

react-native-video 播放视频

yarn add react-native-video react-native-video-controls

百度

打包APK

jdk/bin目录下keytool -genkeypair -v -storetype PKCS12 -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
编辑android/gradle.properties

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****

编辑android/app/build.gradle

android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
                storeFile file(MYAPP_RELEASE_STORE_FILE)
                storePassword MYAPP_RELEASE_STORE_PASSWORD
                keyAlias MYAPP_RELEASE_KEY_ALIAS
                keyPassword MYAPP_RELEASE_KEY_PASSWORD
            }
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}