开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的react原生应用需要圆形图标？

React原生应用需要圆形图标的原因有以下几点：

界面美观：圆形图标可以为应用增添一种简洁、现代的视觉效果，使界面更加美观和吸引人。
一致性：圆形图标可以帮助保持应用中各个元素的一致性，使整个应用的设计风格更加统一。
用户体验：圆形图标在触摸屏设备上的触摸区域更大，用户点击时更容易命中目标，提高了用户的操作体验。
空间利用：圆形图标相对于方形图标可以更好地利用空间，尤其在有限的屏幕空间中，可以显示更多的图标。
品牌识别：圆形图标可以作为应用的品牌标识，增强用户对应用的识别度和记忆度。

对于实现圆形图标，可以使用CSS样式或者相关的图标库来实现。在React中，可以使用第三方库如react-icons来获取各种图标，并通过CSS样式设置其形状为圆形。

腾讯云相关产品和产品介绍链接地址：

腾讯云图标库：https://cloud.tencent.com/document/product/1152/43010
腾讯云移动应用开发：https://cloud.tencent.com/solution/mobile-app
腾讯云前端开发：https://cloud.tencent.com/solution/frontend
腾讯云服务器运维：https://cloud.tencent.com/product/cvm
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网：https://cloud.tencent.com/product/iotexplorer
腾讯云区块链：https://cloud.tencent.com/product/baas
腾讯云元宇宙：https://cloud.tencent.com/product/mu

相关搜索:问:为什么需要导入react来开发react原生应用程序？如何为我的Android应用程序创建圆形图标？React原生iOS应用程序图标未显示当点击应用图标在carplay中打开时，为什么carplay和react原生应用崩溃？为什么我的设置间隔在react原生应用中不起作用？为什么我的Lottie动画没有显示在我的React原生应用程序中？React-带有文本内联的原生图标 react原生应用中的StackNavigator 为什么我需要为react本机应用程序安装npm React原生安卓应用构建为RNOneSignalAndroid，而不是我的应用如何让用户通过文本消息打开我的react原生应用程序(基本上我需要在react原生应用程序中创建分享配置文件)iOS上的共享扩展无法打开我的react原生应用如果我试图在我的react原生应用程序中使用firebase，我需要使用redux-persist吗？为什么创建react原生应用时cocoapods依赖安装失败？如何更改react原生搜索栏中的清除图标如何让react原生图标在react原生客户端创建的项目中工作？使用故事书中的React原生矢量图标反应原生web问题如何让我的react原生应用程序自动刷新数据？为什么我的模式没有出现在react原生iOS中。但它在react原生android中工作在React Native中，为什么我的图标没有右对齐？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

这么多移动开发的方式，传统方式写安卓、IOS 还有出路吗？

前言我所说的传统的方式是指，用 Java 或者 Kotlin 写安卓，用 Object-C 或者 Swift 写 IOS。回想我 2014 年上大学的时候，老师跟我们说最近两年移动端特别的火，出去特别好找工作，万万没想到，到了 2016 年，我所在的实验室的学长去找安卓的工作就已经很难了。现在都 2018 年了，作为一个本科生找安卓或者 IOS 就更难了，虽然移动市场不会消失，但是用户或者开发者来说，原生移动应用都有天生的痛点。对于用户来说，原生应用在使用之前需要花大量的流量去下载，而且还暂用大量

06

React Native 开发适配心得

众所周知用React Native是可以开发跨平台的Android和iOS App。我们可以用React Native开发Android应用也可以开发iOS应用，那么如何让我们开发的React Native应用适配Android和iOS双平台呢？在这篇文章中我将从布局、组件选择、图片、性能问题、Bugs等几个方面来谈一谈Android和iOS的适配问题。布局 React Native在布局方面采用的是Flexbox，为了能让代码有更高复用性以及兼容性，我们可以将Android和iOS的样式尽量保持一致。

05

如何开发适配安卓和iOS双平台的React Native应用

众所周知用React Native是可以开发跨平台的Android和iOS App。我们可以用React Native开发Android应用也可以开发iOS应用，那么如何让我们开发的React Native应用适配Android和iOS双平台呢？在这篇文章中我将从布局、组件选择、图片、性能问题、Bugs等几个方面来谈一谈Android和iOS的适配问题。布局 React Native在布局方面采用的是Flexbox，为了能让代码有更高复用性以及兼容性，我们可以将Android和iOS的样式尽量保持一致

02

手机端H5组件化4种解决方案

本文研究如何基于H5开发，在不需要厂家源码的前提之下，集成每个厂家开发的页面至我们开发的容器（主页面）中，同时保证容器能够与厂家页面安全通信，并且提出一套约束厂家UI样式的方案。核心问题是如何在移动端实现多方协作开发，以模块化/组件化的设计模式进行分工、整合。

02

ReactNative与小程序容器

结合React Native和小程序容器技术，开发者可以通过热重载和快速迭代提高开发效率，并实现统一的代码和逻辑，简化维护和升级过程。这种技术应用价值使得开发者能够更灵活地构建跨平台应用程序，并充分利用多个生态系统的优势。

04

几种跨平台方案的比较

原生应用程序在使用新功能时带来的困扰是最少的。由于应用程序是使用平台供应商自己（Apple 或 Google）的控件构建，为了让用户体验更加符合给定的平台，因此他们通常遵循这些供应商制定的设计指南。大多数情况下，原生的应用将会比那些跨平台构建的应用性能要好一些，尽管在很多情况下两者的差异可以忽略不计，不过具体还要取决于底层跨平台技术。原生应用的一大优势是：当需要时，他们可以立即采用 Apple 和 Google 在测试版中开发的新技术而不用等待第三方的集成。构建原生应用的主要缺点是缺乏跨平台的代码复用，如果同时开发 iOS 和 Android 应用，那么开发成本可能会很高。

02

除了Web和Node，JavaScript还能做什么

提起JavaScript，我们也许经常会想到的是，可以用来写Web页面嘛，又或者，会想起Node.js 这个服务端环境，搞前后端同构。

01

PWA：可能是成本最低的站点加速方式

前言 PWA（Progressive Web App），中文称为“渐进式网络应用程序”，利用一系列现代的 Web 技术来增强 Web App 的功能，从而实现应用程序一样的用户体验。事实上，任何的网站都可以做成 PWA。从这个概念上来说，PWA 实际上是一种理念。根据这种理念可以创造出各式各样的东西，比如说微信小程序、百度小程序、支付宝小程序等等（😂 虽然它们都不承认自己是和 PWA 一脉相承的）。为何有 PWA 随着网络和智能设备的飞速发展及提升，越来越多的原生应用程序占据了智能设备的空间和资

03

混合应用前端框架HybridApp篇

Hybrid App 作为一种既能够在原生应用程序环境中运行，也能够在 Web 浏览器中运行的应用程序。它主要使用 Web 技术进行开发，如 HTML、CSS 和 JavaScript，并使用一个中间层将其封装在原生应用程序中。

04

chapter01

React Native使你只使用JavaScript也能编写原生移动应用。它在设计原理上和React一致，通过声明式的组件机制来搭建丰富多彩的用户界面。

02

开发Hybrid App如何选型前端框架

由于混合应用的开发具有灵活性、可移植性和易维护性等优点，Hybrid App（混合应用）的开发变得越来越流行，甚至成为一种烂大街的存在，大到全民超级 App 微信、支付宝，小到随便的一个独立电商 App 都是 Hybrid App 的“忠实粉丝”。

02

Hhybrid App，你需要知道这些

Hhybrid App顾名思义就是原生 App 与 Web App 的结合。它的壳是原生 App，但是里面放的是网页。可以理解成，混合 App 里面隐藏了一个浏览器，用户看到的实际上是这个隐藏浏览器渲染出来的网页。

03

Flutter的整体架构

简单明了的说，Flutter 分为三大部分：由 Dart 语言负责的 Framework 层；Dart 语法执行器；Skia 图像处理引擎。

01

书单丨4本书教你如何优雅地迁移上云

《云原生Java：Spring Boot、Spring Cloud与Cloud Foundry弹性系统设计》

03

从Flutter聊聊跨平台移动研发方案

Flutter 是一款由 Google 开发的开源、跨平台移动端开发框架。Flutter 使用 Dart 作为开发语言，这是一门简洁、强类型的编程语言。它允许使用同一个代码库构建高性能、漂亮的 iOS 和 Android 应用，Flutter还提供了两套视觉库，可以针对不同的平台有不同的展示效果。此外，通过自定义的 Flutter 引擎可以将其嵌入到其他平台。

02

每日前端夜话(0x05)：2018年JavaScript状态调查（下）

“任何可以用JavaScript编写的应用程序最终都会用JavaScript编写。”JavaScript已经不仅仅局限于浏览器了。

04

手把手教你使用Next.js实现一个PWA应用

PWA（Progressive Web Apps），是一种可以提供类似原生应用体验的网页应用。简单的理解就是，可以让网页像原生应用那样在用户的设备上安装，并且能够实现离线工作、推送通知等功能，不知道你注意过没有，你偶尔会在chrome浏览器中可以看到一个这样的标志：

03

React Native在Android当中实践（一）——背景介绍

React Native For Android是伟大的互联网公司Facebook与2015年9月15日发布的，该可以让我们广大开发者使用JavaScript和React开发我们的应用，该提倡组件化开发，也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用，甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。现阶段Web APP的的体验还是无法达到Native APP的体验，所以这边fackbook更加强调的是learn once,write everywhere，应用前端我们使用js和React来开发不同平台的UI，下层核心模块编写复用的业务逻辑代码，提供应用开发效率。

02

PWA入门：手把手教你制作一个PWA应用

Web前端的同学是否想过学习app开发，以弥补自己移动端能力的不足？但在面对一众的选择时很多同学略感迷茫，是学习ios还是android开发？是学习原生开发、混合开发（比如：Ionic)，还是使用react native或者flutter这样的跨平台框架？而app开发的学习周期长、学习成本高也让一部分人望而却步。得益于前端技术的飞速发展、浏览器性能的不断提高，使用网页技术开发出接近原生体验的应用得以变为现实，PWA就在这样的背景下应运而生。可以用自己熟悉的HTML、CSS、Javascript开发出媲美原生app的网站，不仅拥有接近原生app的流畅程度，并且具备一些原生app才有的特性，比如：a. 可以在主屏上安装应用图标，b. 离线状态下访问，c. 获取消息通知，等等。。PWA的出现让大家看到了希望！

04

React与VU的优缺点有哪些？

维基百科上的概念解释，Vue.js是一个用于创建用户界面的开源MVVM前端JavaScript框架，也是一个创建单页应用的Web应用框架。Vue.js由尤雨溪（Evan You）创建，由他和其他活跃的核心团队成员维护。

02

写给前端工程师看的，移动应用选型指南

想来在这一个混合应用的项目上，我已经差不多做了一年了。加之，在上一个项目里，我做的是一个移动 Web 应用，从 Backbone 到设计基于 React 的原型，也积累了一定的移动开发经验。与别人谈起移动应用的时候，作为一个前端开发人员，我总会有一些疑惑？你说的移动应用到底是指什么？针对移动设备的 Web 应用针对移动设备的 APP 应用这两者都可以称作是移动应用。可这到底是我对于它们的分类，对于不同的人来说，又有不一样的分法。如，对于移动 APP 应用来说，如果是使用 HTML + JavaScr

06

react-native 打包流程

原生应用会提供js运行环境，因此实际上还是要将应用代码打包为一个js文件，实际运行时也是在js解释器的帮助下执行，也因此与原生应用存在一定的性能差距。回到命令行执行以下命令：

03

Win10 UWP 之上的 React Native

今天，微软和Facebook在Facebook的开发者大会F8 2016上，宣布他们正在将通用Windows平台（UWP）支持React Native。这被作为一个开源的，社区支持的框架。新UWP支持扩展这些原生应用，包括270万活跃的Windows10设备的新市场，并拥有超越移动设备范畴的机会，从个人电脑，到Xbox One和HoloLens。对于Windows应用程序开发人员，这也意味着有机会嵌入React Native组件到他们现有的UWP应用程序并利用React Native提供的开发工具和编程范式

03

社区生态如何让React做大做强，再创辉煌

「Christopher Chedeau」在12年作为前端开发加入Facebook（后文简称FB），彼时FB的策略为：

02

2019 简易Web开发指南

2019年即将到来，各位同学2018年辛苦了。不管大家2018年过的怎么样，2019年还是要继续加油的！在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。

04

苹果拒绝支持PWA的行为对Web贻害无穷！

渐进式Web应用（Progressive Web Applications，简称 PWAs）是迄今为止在Web开发中最令人兴奋的创新技术之一。PWA 使你可以用 JavaScript 来创建一个“Service Worker”，它为你提供与原生应用相关联的各种功能，例如推送通知，离线支持和应用的加载屏幕 —— 这一切可都是基于Web的！这真是极好的。

03

『前端大事记』之「几件大事」

不知道大家都听没听说过这句哈：前端的江湖总是不缺话题，且从没有消停过！！！你要说没听说过，那就对了，这句话是我刚刚说的。但是这句话想必大家都听说过：铁打的后台，流水的前端。什么意思？就是后台技术几乎

02

React Native与小程序的混编

由于原生应用程序开发相当耗时且成本高，因此使用相同的代码库来创建可以在多个平台上无缝运行的应用程序的跨平台应用程序开发的概念近年来发展势头强劲，对跨平台应用程序开发公司的需求也有所增加，使得在过去的几年里，Flutter与React Native已逐渐成为移动开发社区中最受欢迎的跨平台移动应用开发框架，那么Flutter和React Native 哪个才是开发者的首选呢？

03

面向前端的 Lottie & AE 动画手把手入门教学

因为我一直比较关注 Web 领域的设计趋势, 很早之前就听很说了 Lottie 这个项目, 但是一直没时间和机会去尝试, 最近终于有时间机会于是尝试了一把, 在这里分享一下。

05

前端之变（四）：进击的前端

前面我讲了前端的一些变化，但是事实上，过去数年，前端不仅是在自己的技术方向发生了巨大的变化，它试图向所有技术方向发起进攻，取代其主流技术。那这一切又是怎么回事，现状如何？

01

一种React Native 跨端框架与小程序混编的方法

Flutter和React Native这两个框架都是构建跨平台移动应用程序的优质框架，但有时做出正确的决定取决于业务使用的角度。Flutter与React Native两大框架背后都站着科技巨头，分别是谷歌和Facebook，所以从这个角度来看两者未来会在竞争中变得更加完善。

02

PWA实战：面向下一代的Progressive Web APP

作者、博主、软件开发者，同时也是谷歌开发专家。他写过很多文章，并发表过几十篇演讲，同时还是 Fast ASP.NET Websites（Manning, 2013）和 Building Great Startup Teams（Blurb, 2017）的作者。他还为 A Career On The Web: On the Road to Success（Smashing Magazine, 2015）

04

浅谈移动应用的技术选型｜TW洞见

在这个巨变的时代，技术选型是个很难做决定的事情，而移动应用技术领域在几个巨头（Google，Facebook，Apple etc.）的带动下更是日新月异。所以说要选择一个适合业务需求并且匹配开发人员能力的技术方案并不是一件简单的事情。我也只是在移动开发上做过一点微小的工作，此处仅能抛个砖，希望各位有玉的大神尽管砸过来。做移动应用开发，说起来技术方案不外乎HTML5（没错，做Mobile Web其实也算是一种移动应用）、Native（在Android上不管是用Java、Kotlin还是Scala，iOS上不

打算一个卡片记忆软件，全平台架构如何选型？

折腾来折腾去，我打算做一个卡片记忆软件，用来记忆面试题、知识点等。很多东西看了就忘了，我想做一个软件来帮助我记忆。这个软件的功能就是每天给我推送一些卡片，我看了就可以记住，然后就可以刷题了。

01

现代移动开发哪家强：原生还是跨平台？JetBrains 专家：我选 Flutter

本文整理自 QCon Plus 演讲，Sebastiano Poggi 是 JetBrains 的开发专家，这次演讲他主要讨论了在原生和跨平台移动开发之间进行选择所需的技术知识和工具。

03

Meta 最新开源！面向 Web 和 Native 的跨平台 React 解决方案

最近，Meta 开源了一个新的库，叫做 react-strict-dom，其目标是改进和标准化编写用于 Web 和 Native 的通用 React 组件的方式。

01

目前流行的前端开发框架

作为前端开发者，各种框架的层出不穷，促使我们要不断学习才能防止落后，但是我们不可能做到每个框架都有学习的时间，我们只需要掌握流行的，坑少的即可。从以下三个方面了解目前流行的前端开发框架。

05

【Flutter】手机应用类型 ( Android | iOS | Native 应用 | Web 应用 | Hybrid 应用 | ReactNative 应用 | Flutter 应用 )

Android 使用 Android Studio 开发环境 , Java / Kotlin / C / C++ 语言 , 开发 Android 平台的应用 ;

03

浅谈跨平台框架 Flutter 的优势与结构

目前，移动开发技术主要分为原生开发和跨平台开发两种。其中，原生应用是指在某个特定的移动平台上，使用平台所支持的开发工具和语言，直接调用系统提供的API所开发的应用。

04

[译] React Native vs. Cordova、PhoneGap、Ionic，等等

在前面的文章中，我曾说过 React Native 很棒，因为它能让我们使用原生 UI 来开发应用。React Native 应用的用户体验要比使用 WebView UI 的好很多。但是，“原生”的真正含义到底是什么呢？什么是 WebView UI ？什么原生 UI 比 WebView UI 好呢？React Native 相比于其他移动端框架 (比如 PhoneGap、Cordova 和 Ionic) 又如何呢？

04

浅谈跨平台框架 Flutter 的优势与结构顶

目前，移动开发技术主要分为原生开发和跨平台开发两种。其中，原生应用是指在某个特定的移动平台上，使用平台所支持的开发工具和语言，直接调用系统提供的API所开发的应用。原生开发的主要优势体现在： 1.可以快速访问本平台的全部功能，比如摄像头、GPS等； 2.原生应用的速度快、性能高，而且可以实现比较复杂的动画和绘制效果，用户体验较好。原生开发的缺点也很明显，主要体现在： 1.开发成本较高，不同的平台必须维护不同的代码，人力成本也会随之增加； 2.有新的功能需要更新时，只能进行版本升级。随着移动互联网的高速发展，在很多的业务场景下，传统的纯原生开发已经不能满足日益增长的业务需求，主要表现在以下两个方面： 1.应用动态化的需求增大。当需求发生变化，或者是需要增加新的功能时，传统的纯原生应用开发只能通过版本的升级来更新内容，然而应用的上架和审核都需要一定的时间。因此，开发人员迫切地希望进行应用内容的更新时，可以不更新版本，提升工作效率。 2.业务需求变化快，开发成本变高。原生开发一般需要技术团队对iOS、Android两个开发平台进行维护。当版本更新迭代时，开发和测试的成本都会增加。针对上述两个问题，跨平台框架应运而生。

03

IE10预览：HTML5初探翻译自Sencha

IE10预览：HTML5初探在过去的几年里我们做了一系列测试来评估主要的移动平台对HTML5应用的支持。直到现在，我们仍旧没有花时间在Windows phones上，主要因为Windows Phone7浏览器太弱根本不值得评估。但是，在上周的Windows Build会议上我们得到一个开发者预览的平板电脑（运行了Windows8和IE10）。我们想分享一下我们对HTML5用户体验的第一印象。简单的说（and with the caveat that we were running on the notab

08

React Native 网络层分析

文：志俊（沪江Web前端）本文原创，转载请注明作者及出处在使用React Native开发中，我们熟练的采用JavaScript的方式发送请求的方式发送一个请求到服务端，但是处理这个请求的过程其

09

前端跨平台框架对比分析，看这篇就够了

前端跨端实践是指在开发过程中，使用统一的代码库或框架来实现在不同平台上运行的应用程序。

03

Uni-app开发入门：跨平台应用开发指南

在一些兼职平台或者外包平台上，我们可以搜到很多关于Uni-app的外包项目开发需求。Uni-app是一个基于Vue.js的跨平台应用开发框架，允许开发者使用一套代码同时构建iOS、Android、H5以及小程序等多个平台的应用。通过使用Uni-app框架，我们可以大大提高开发效率，降低维护成本。

01

Vue等前端框架如何与小程序结合

小程序是一种运行在移动端的应用形式，它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口，这对于前端开发者来说可能会有一定的学习成本和限制。

03

移动跨平台开发深度解析

移动跨平台开发一直是移动开发者和前端开发者追求的的话题，从早期的cordova、ionic，到如今的react native、weex、kotlin native和flutter等，可以说如今的跨平台框架可谓百花齐放，颇有一股推倒原生开发者的势头。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭