前言学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢Text 组件介绍在 React
转载 2024-10-11 19:54:11
74阅读
import React from 'react';import { StyleSheet, Text, View,} from 'react-native';const App=()=>{ return ( <>
原创 2022-06-06 18:18:11
637阅读
参考链接:https://www.npmjs.com/package/react-native-vector-icons#windows-via-react-native-
原创 2022-07-01 06:18:47
190阅读
参考链接: https://www.npmjs.com/package/react-native-vector-icons#windows-via-react-native-windows https://obl
原创 2024-04-28 14:28:12
202阅读
Icon.js: import { createIconSet } from 'react-native-vector-icons' import fontFile from '../../static/fonts/iconfont.ttf' import iconfontJson from '..
原创 2024-04-28 14:28:22
179阅读
Icon.js:import { createIconSet } from 'react-native-vector-icons'import fontFile from '../../static/fonts/iconfo
原创 2022-07-01 06:27:45
332阅读
初步感官和身边的朋友讨论过这个框架,昨晚好奇下载reactJS 早上一看还有个react-native 忽然感觉到小白了。react-native 构建的基础原来是reactJS 这家伙。 至于好不好,打鸡血也好,激动也好,第三方框架都是存在风险,一旦苹果和android 平台锁死这个开关,第三方框架还是要死路一条。但在构建这个的时候,确实有一些让人感觉新奇的地方-过去H5一直旧病就是性能低下,
转载 2024-09-17 22:15:17
22阅读
react-native字体react-native-vector-icons在ios下的使用官网和网上有各种针对ios/android的安装和使用方法;能够使用了,基本就等于安装成功了。react-native-vector-icons 的图标分为几个模块, 使用的时候先import FontAwesome from 'react-native-vector-icons/FontAwesome'
转载 2019-12-08 12:02:00
348阅读
2评论
引子时间过得好快,不知不觉,加入脉脉已经快一个月了。之前的工作中主要做一些 PC、H5、Node 相关的开发,开发RN还是头一次接触,感觉还挺好玩的。为什么要设置默认字体?前两天Fix了一个RN端的BUG,同事的小米10Pro手机上发现文字被遮挡。如下图所示:不仅是小米,一些 Android 的其他机型也会遇到类似的问题。因为 Android 手机厂商很多很多,不像 iPhone 只有一家公司,默
转载 2021-01-18 10:48:46
768阅读
2评论
引言时间过得好快,不知不觉,加入脉脉已经快一个月了。之前的工作中主要做一些 PC、H5、Node 相关的开发,开发RN还是头一次接触,感觉还挺好玩的。为什么要设置默认字体?前两天Fix了一个RN端的BUG,同事的小米10Pro手机上发现文字被遮挡。如下图所示:不仅是小米,一些 Android 的其他机型也会遇到类似的问题。因为 Android 手机厂商很多很多,不像 iPhone 只有一家公司,默
转载 2021-01-18 10:49:12
743阅读
2评论
如何修改 React Native 的默认字体
转载 2022-04-13 11:23:07
1719阅读
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
546阅读
2评论
一、简言在软件开发中,不论是Web还是App,它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图,如何实现页面间平滑地过渡,应用都有统一的一套跳转机制,这个功能就是路由或者叫导航。应用程序通过导航,可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router,在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载 2024-05-18 22:24:15
197阅读
作者 | Kureev Alexey 2015 年,React Native 为跨平台移动开发带来了一种声明式组件方法。不久,这种面向组件的理念扩展到了类似的框架。现在,借助 SwiftUI 和 Jetpack Compose,这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架,它将声明式组件方法引入到包括 iOS,macOS 和 watchOS 在内
转载 2023-11-13 09:17:04
256阅读
React-Native新架构:ReactNative宣布在2018年宣布对架构进行重要调整,此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式: 如图所示,RN结构四大核心部分:React代码部分,由代码翻译过来的JavaScript部分,一系列统称为“桥”的部分,以及
转载 2023-11-23 17:32:27
171阅读
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
447阅读
2评论
React Native 
转载 2023-02-07 17:29:30
198阅读
1.文本内容必须写在<Text中,不能和Html中直接写在页面中。
转载 2016-10-16 14:04:00
337阅读
2评论
一、什么是 JSXJSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖,也是react.js的使用基础。React在不使用JSX的情况下一样可以工作,然而使用JSX可以提高组件的可读性,因此推荐使用JSX。二、JSX 的基本使用 2.1 为什么使用 JSX 原因一:使用 React.createElement()
转载 2024-06-28 16:14:05
96阅读
1.zIndex在Android上使用zIndex来控制组件的层级,会遇到元素不显示的问题。解决方案: 尽量改变组件的顺序,而不用zIndex 尽量不要使用zIndex来控制组件的层级,默认情况下,使用position: 'absolute'后,后面的元素会默认覆盖在前面的元素之上。所以删除zIndex,改变一下组件的顺序就OK啦。 issues: https://github.com/faceb
转载 2024-08-29 12:17:26
128阅读
  • 1
  • 2
  • 3
  • 4
  • 5