ReactNative - 程序员宅基地

[快速上手RN] 5. React native 样式方案使用tailwind css

在开发React Native App的过程中，发现css写起来比较累，在使用styled-componet的情况下，需要编写维护大量的变量，实在不方便，于是想到tailwind.css，通过className的形式来完成样式的开发，实现方式可以说是行内...

React Native三端同构

标签： react native android react.js

React Native三端同构，即iOS、Android、Web共用一套代码，已知React Native已经支持iOS、Android，所以只需要做支持Web的工作就行了。首先我们可以利用create-react-app创建Web项目，首先执行以下命令，安装...

mac搭建react native环境

标签： react native macos react.js

1、安装HomeBrew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ... （2）原因：下载源在国外，所以导致下载很慢，将源切换到国内（3）解决方

初识React Native——总结React Native与React的操作区别(1)

标签： react native react.js android

React Native与React的操作区别(1) React中，块级元素中的内容超出父元素的固定大小时，可以通过设置overflow:scroll自动显示滚动条，例：但如果在React Native中做相同的设置就不会有滚动条显示。 ## React Native...

ReactNative应用打包后无网络解决方案

标签： react native android react.js

在android\app\src\main文件夹AndroidManifest.xml文件内的Application标签中添加属性。然后cdandroid再执行./gradlewassembleRelease即可。在xml文件夹中创建network_security_config.xml文件。...

ReactNative突破性更新版本0.68正式发布

标签： android 移动开发 reactnative

ReactNative升级Node 16, 此更改意味着用户现在需要使用 Node >= 14 的版本 Android Gradle插件升级至7.0.1，强制使用JDK 11进行Android build 移除了iOS ApiRCTBundleURLProvider中的fallbackResource 相关工具...

chartlandia:React Native和React Native Web App从coinmarketcap.com获取加密货币行情自动收录器信息

标签： react redux nodejs express react-native cheerio nextjs cryptocurrency react-native-web coinmarketcap JavaScript

微型整体式React Native和React Native Web App，可从获取并显示数据。尽管目前图表数量为零，但项目名称为Chartlandia :winking_face_with_tongue: 。该应用程序使用，react，react-native，react-native-web和...

React Native开发环境搭建

标签： react native

本文基于react版本17.0.2、react-native版本0.67.3，使用mac开发，介绍基于现有Android、IOS原生项目搭建react native开发环境，强烈建议使用个好一点的梯子。 RN环境搭建以下步骤已安装的可跳过首先安装Homebrew...

ReactNative初体验

标签： ReactNative android 初体验

公司有一个之前的ReactNative项目，前开发人员已离职好久了。最近突然要用到这个APP，于是第一次接触ReactNative项目。现将第一次学习ReactNative的过程在此记录。资源： ReactNative中文官网： ...

你应该知道的 10 个 React Native 组件库

标签： react native javascript react.js

它同时支持旧的和最新的 React Native 版本，它提供了 20 多个自定义组件，其中一些组件（例如）Drawer可以轻松集成以构建现代的可滑动列表，例如 Gmail 应用程序的收件箱。您可以通过组合它们来构建复杂的 UI。...

React Native中如何使用react-native-svg加载本地svg矢量图片?

标签： react native react.js javascript

1.下载react-native-svg库2. 下载安装react-native-svg-transformer库 (必须安装)3. 打包文件配置。

React Native详解和代码实例

标签： react native react.js javascript

React Native 是一个用于构建原生移动应用程序的 JavaScript 框架。它使用 React 库，允许开发者使用 JavaScript 编写应用程序的 UI 和逻辑，并将其转换为本地平台（iOS 和 Android）上的原生视图。React Native 由 ...

React Native 0.70 版本发布，Hermes 成为默认引擎

标签： react native android react.js

不过，在 0.70 版本中，我们针对Android环境进行了优化，最终缩小了这一差距，现在可以继续在你的项目中加入带有 yarn add 的库，它们会在任何架构上被正确链接。在之前的版本中，你必须把 Android 的配置放在一个...

React Native实现自定义顶部导航栏

标签： js javascript react native

效果 import React, {Component} from 'react'; import { Platform, StatusBar, StyleSheet, Text, View, ViewPropTypes, ...import DeviceInfo from 'react-native-device-info'; const NAV_BAR_HEIGHT

React Native Text 自动换行问题。

标签： react.js ios

在React Native上出现一个奇怪的问题。版本如下 ``` react native: 0.61.4 ``` 有一段代码： ```react ,width:400}}> A cat stands before the stone. ``` 表现如下： ![图片说明]...

React Native之react-native-webview实现简单的浏览器

标签： react native 浏览器

React Native实现简单的浏览器,同时兼容android和IOS平台。实现最基本的功能：地址，前进，后退，刷新。为了方便学习，copy用，尽可能用最基本的组件实现，没有引用icon图标之类的可以美化界面的组件。希望对学习...

ReactNative中使用WebSocket

标签： javascript websocket

首先说说发布订阅这种设计模式，这种模式我给它起了个别名叫遥控炸弹。很多朋友理解不了这种模式，那—— 举个例子：张三是个法外狂徒，它要去复仇，他想去炸掉仇家的房子。他来到仇家所在的小区，拿出自己准备的...

React Native & Kotlin 完整版

标签： javascript 前端

React Native & Kotlin 完整版 Part1: React Native 基本配置（Windows + Android版）官网链接本人使用的node版本：v16.14.0 node -v 查看使用的yarn版本：1.22.15 yarn --version 查看 react native...

React Native TextInput 收起键盘

标签： react native ios

React Native 在iOS端使用TextInput弹起键盘时，收起不了解决方案： // 先引入KeyboardAvoidingView组件，需要ScrollView组件配合使用 import { KeyboardAvoidingView, ScrollView, TextInput } from 'react-...