React Native 是一个由 Facebook 开发的开源框架，它可以用于开发跨平台移动应用程序。
React Native 的基础是React， 是在 web 端非常流行的开源 UI 框架。要想掌握 React Native，先了解 React 框架本身是非常有帮助的。一、什么是React Native1.1 React Native带来的惊喜R
# React Native 更换 Android 图标教程
## 一、整体流程
```mermaid
flowchart TD
A(开始) --> B(准备图标资源文件)
B --> C(替换Android应用图标)
C --> D(重新编译React Native应用)
D --> E(完成)
```
## 二、具体步骤
### 1. 准备图标资源文件
参考链接：https://www.npmjs.com/package/react-native-vector-icons#windows-via-react-native-
原创
2022-07-01 06:18:47
183阅读
参考链接： https://www.npmjs.com/package/react-native-vector-icons#windows-via-react-native-windows https://obl
这一篇记录的是如何在已有的Android应用中使用React Native，在官方的文档上也有介绍：http://reactnative.cn/docs/embedded-app-android.html#content，不过这里我还是想记录一下遇到的一些坑。一步一步来说吧：创建Android应用
这里我直接用AndroidStudio在桌面上创建了一个应用，名称为ReactNativeAp
Icon.js: import { createIconSet } from 'react-native-vector-icons' import fontFile from '../../static/fonts/iconfont.ttf' import iconfontJson from '..
Icon.js:import { createIconSet } from 'react-native-vector-icons'import fontFile from '../../static/fonts/iconfo
原创
2022-07-01 06:27:45
293阅读
本教程主要使用Photoshop绘制立体质感的时钟APP图标，今天的教程是一个超简单的图标绘制，无任何难度，仅仅是图层样式的应用，适合新手入门临摹练习，源文件已打包，感兴趣的同学来一发。我们的最终效果： 背景没什么好说的，就是做个渐变，设置前景色为#f8efe0，用圆角矩形工具画一个圆角矩形，这是我们的主体。 为圆角矩形添加一个图层样式。友情提示，渐变叠加样式中的图层混合模
转载
2023-10-13 21:05:13
133阅读
此教程针对新手阶段刚开始做APP界面的同学，如果你是资深老司机看到这篇小教程可以自动忽略，当然也可以来互撩初次做APP的同学，绘制图标是占界面问题比重较大的一块内容，虽然网络资源很多, 但仍旧做不好一套统一风格及趣味性的界面功能图标，特此，来专门举证说一下这个问题, 如何绘制风格统一的APP界面图标？在这里我们先从最主要的功能图标做起，也就是tabbar一级功能图标，相对来说这里的图标不需要过多装
文/张欣悦 完整的APP设计由编码设计与UI设计构成。长期以来，开发者都重视功能的开发而忽略了UI的设计，导致很多实用性很强的APP用户下载安装后不会用，或者觉得操作复杂不好用。由此，界面设计慢慢被互联网企业所重视，认为界面设计也是产品的重要卖点。 界面的设计大致需要经过目标人群确定、用户需求调查交互式流程设计、界面风格定位功能icon的设计、整体视觉效果的优化和应用icon
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
496阅读
2评论
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
react native 项目默认是没有图标，并且启动页面只有文字。这个样子并不能算是一个完整的APP，现在就给APP加一个图标和一个适应所有屏幕尺寸的启动图，并且设置启动图遮住项目启动时候的白色闪屏。 首先我们来创建一个新项目 首先我们修改应用名称 Android 编辑 android/app/s
转载
2019-04-26 17:36:00
94阅读
2评论
Learn to install JavaScript modules that include native code. Some React Native modules include native code for Android and/or iOS in addition to Java
转载
2017-02-16 02:28:00
400阅读
2评论
IOS程序图标特性iOS图标有很好的整体性，良好的整体性可以减少用户体验上带来的冲突，所以我们需要保持其中的一些特点，以便程序可以更好融入系统中，带给用户更好的应用体验。图标尺寸（圆角大小）iTunes Artwork icon ：512px (90px) App icon(iPhone4)：114px (20px) 4像素的90度黑色投影／2像素的90度白色内投影
android 圆角图标 和不规则圆角（边框）
原创
2023-05-30 01:10:39
181阅读
# Android圆角图标的实现
## 1. 概述
在Android应用开发中，圆角图标是一种常见的设计元素，它可以让应用界面看起来更加美观和舒适。本文将教会你如何实现Android圆角图标。
## 2. 实现步骤
为了更好地理解整个实现过程，我们可以使用表格形式展示每一步的操作。
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 创建一个新的Android项目 |
有能力的可以看官网：Get Started with Windows · React Native for Windows + macOS 不是我乱吹，是真的很难用，环境搭建就非常难受，各种依赖报错，各种依赖调试，完全没有tauri来的舒服顺畅，甚至为了安装他这个环境我花了一上午时间，期间无数次想放弃，但是耐不住好奇心，就是想体验一下这个跨平台的性能，并且还把我原来的node环境搞坏了，
转载
2023-08-17 12:58:23
154阅读
