改变expo创建的react native项目的默认图标

最新推荐文章于 2024-08-16 19:01:06 发布
最新推荐文章于 2024-08-16 19:01:06 发布
阅读量291 收藏
点赞数
文章标签： react native react.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xutongbao/article/details/130848848
版权

 

 

app.config.js:

export default {
  name: 'learn',
  version: '1.0.1',
  icon: './assets/logo.png',
  extra: {
    REACT_APP_MODE: process.env.REACT_APP_MODE,
    eas: {
      projectId: '6a51f2c5-40ab-4ef5-bbf8-530ea443696c',
    },
  },
  android: {
    package: 'com.yourcompany.learn',
    versionCode: 1,
  },
  ios: {
    bundleIdentifier: 'com.yourcompany.yourappname',
  },
}

打包：

eas build -p android --profile preview

 

下载打包好的apk文件，上传的到安卓虚拟机，安装

 

参考链接：

https://stackoverflow.com/questions/53697882/change-expo-generated-application-icon

徐同保
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
react native 关于图片适配问题
NotesChapter
04-09 4622
一般我们在开发项目的时候，给我们的切图大致就是那么几个尺寸320 x 480, 480 x 800, 720 x1280, 1080 x 1920 等等。 当我们的切图只有那么一套的时候，遇到不同分辨率的手机还要使我们的图片占满整个屏幕， 这就可能出现留白或者被拉伸这种情况，很尴尬。 不说了直接上代码了 获取Dimensions设备信息，主要是为了获取屏幕宽高等设备信息。 import...
React Native常用组件Image使用
黑森林工作室
10-29 1万+
前言学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自简书，如果出现图片或页面显示问题，烦请转至 简书 查看 也希望喜欢的朋友可以点赞，谢谢Image组件的常见属性 属性方法o
Expo大作战(十)--expo中的App Icon,expo中的Assets,expo中的ErrorHandling错误处理
03-11 316
简要：本系列文章讲会对expo进行全面的介绍，本人从2017年6月份接触expo以来，对expo的研究断断续续，一路走来将近10个月，废话不多说，接下来你看到内容，讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式，对expo进行一次大补血！欢迎加入expo兴趣学习交流群：597732981 【之前我写过一些列关于expo和rn入门配置的东i西，大家可以点击这里...
react-native imageButton 可设置默认图片，避免加载失败空白
u011094768的博客
09-11 3131
import React, {Component} from 'react'; import {TouchableOpacity, Image} from 'react-native';export default class ImageButton extends Component { render() { return ( <TouchableO
Android React Native加载图片资源的正确姿势
热门推荐
区长的专栏
11-22 4万+
在这篇文章中Android React Native的使用细节问题提到了 图片使用的问题，也提到了无论用哪种方法都不能加载app内部的图片资源的问题，当时的代码是这样子的 <Image source={ require('image!icon') } />在官方文档中也是这么写的Image但是在另一个页文档中却与其相矛盾的，Images，估计这页文档刚加入不久也就是说正确的app内部图片加载姿势应该
React Native开发速记
曲折旅程，艰难人生
05-25 1847
React Native快速入门，精华笔记，辅助我们复习和记忆
react expo开发 react native项目集成方法
06-19
React Expo 开发 React Native 项目集成方法 React Expo 是一个基于 React 的跨平台框架，它提供了强大的功能来帮助开发者快速构建跨平台应用。今天，我们将探索如何使用 React Expo 开发 React Native 项目，并将 ...
EXPO XDE ReactNative For windows
09-15
安装这个软件后，开发者可以在Windows操作系统上运行Expo XDE，开始创建和管理React Native项目。安装过程中，按照提示步骤操作即可，确保系统满足必要的依赖和环境要求。 总的来说，Expo XDE结合React Native，为...
React Native 自定义字体图标
02-23
以上就是在Expo创建的React Native项目中自定义字体图标的基本流程。通过这种方式，你可以根据需要引入任何自定义字体图标库，为你的应用增添更多视觉魅力。记得根据实际项目结构和需求进行适当的调整。
在react native中使用阿里iconfont图标
01-08
3.在根目录中配置react-native.config.js文件 (以前是在rnpm配置，在package.json配置rnpm会有警告) module.exports = { assets: ['./src/assets/fonts/'], }; 目录结构 4.在终端使用以下命令，建立图标的联系 ...
expo-react-react-native-monorepo-example:Monorepo用于React，React Native和Expo项目
04-28
世博React自然单回购示例用于Monorepo的入门工具包，其中包含react和react本机项目。安装git@github.com:habilelabs/expo-react-react-native-monorepo-example.git <project>cd <project>yarn install启动Web应用...
react native 自定义Image实现预加载图片及错误之后图片显示
大灰狼的小绵羊哥哥的博客
09-14 6601
使用自定义Image直接移步到文章结尾查看使用 需要添加的第三方库，prop-types，添加如下 npm install --save prop-types 我们知道react native 里面的Image组件，预加载图片只实现了ios，android没有。加载错误的图片也没有。不能满足我们的基本需求。那么要才能满足双平台呢。   图片.png   首先我们预览一下，Imag...
awesome-react-native 收集最好的React Native库，工具，教程，文章（上篇）
最新发布
qq_24428851的博客
08-16 944
image。
React Native中好用的UI组件库
当下即是最好
08-16 259
React Native Elements 的目标是提供一套用于在 React Native 中创建应用程序的一体化 UI 工具包。开源开发人员制作了许多出色的 UI 组件。React Native Elements 为您提供了一套具有一致 API 和外观的现成工具包，从而免去了将这些软件包组装在一起的麻烦。
react中使用nextjs框架，前端调后端接口跨域解决方式
晚风的博客
08-14 394
react中使用nextjs框架，前端调后端接口跨域解决方式
React前端面试每日一试 8.什么是React Portals？
weixin_42900858的博客
08-15 457
React Portals 是一种强大的工具，尤其在处理UI组件时，使你能够灵活地管理DOM节点的渲染位置，而不受限于React组件树的嵌套关系。通过合理使用Portals，你可以更轻松地构建复杂的UI组件，提高应用的用户体验.PS:但事件冒泡仍然会遵循React的组件树结构.
React 前端面试基础问题
Korbin的博客
08-15 848
答案：-1，React 状态更新是异步的，改变值后不会立即重新渲染，而是放入一个队列中，在同一个渲染周期内，相同 state 做 setState 操作时为了避免重复渲染会做一定优化处理，非函数式调用时是最后一个操作覆盖前面的，函数式时为了传递最新的值，会依次调用队列中的 set 操作。深拷贝是指完全复制原始数据，包括所有层级的对象和数组，修改复制后的数据不会影响到原始数据。在 JavaScript 中，任务队列（Task Queue）是一个用于管理待执行任务的队列，它是实现异步执行的重要机制之一。
react用useEffect防止数据内存泄漏
Z_Wonderful的博客
08-15 274
2、确保初始化函数initData不会在组件卸载后继续执行。
react native项目创建
10-12
要创建一个 React Native 项目，可以按照以下步骤进行： 1. 确保你已经安装了 Node.js 和 npm。 2. 打开终端或命令行工具，进入你想要创建项目的目录。 3. 运行以下命令来创建一个新的 React Native 项目： ``` npx react-native init MyProject ``` 其中，`MyProject` 是你想要创建的项目名称。 4. 等待项目创建完成后，进入项目目录并运行以下命令来启动应用程序： ``` cd MyProject npx react-native start ``` 5. 在另一个终端或命令行工具中，进入项目目录并运行以下命令来启动应用程序： ``` cd MyProject npx react-native run-android ``` 如果你想在 iOS 模拟器中运行应用程序，请使用以下命令： ``` cd MyProject npx react-native run-ios ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

徐同保

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值