搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏彭湖湾的编程世界
【React-Native】React-Native组件样式合集
最近在阅读RN的文档，但有一点深感遗憾的是——官方对绝大多数RN组件没有用Gif图或者静态图的方式呈现给大家。
3.7K20编辑于 2022-03-30
来自专栏一个前端开发工程师的成长之路
react-native
react-native 最近一直在做app的业务, 那么在选择采用什么去做app的时候, 可以考虑的有hybrid, react-native, flutter, 我首先没有考虑的是混合开发, 混合开发可能是对我而言开发效率最快的那么flutter我考虑到, 它的年龄还太小, 社区相对于react-native不是那么的繁荣, 而且我看了下它的语法(dart), 感觉跟js没有什么关系。综上我最终选择了react-native, 但是万万没有想到, 有那么多的坑。关于坑的事情, 先按下不表。一些第三方的npm包可能本身就有问题, 举个例子, 我使用下拉加载npm包的时候, ios上正常, 但是android就有问题, 我就带着问题去github issue 去查找, 发现对于最新版本的react-native 说这个问题的原因是, 对于react-native的npm包的开发者, 需要ios和android的知识来去进行开发。但是能把ios和android玩的好的人, 相对比较少。
1.7K30编辑于 2021-12-29
来自专栏IMWeb前端团队
React-Native实践
随着React-Native的火爆，以及Native和Web开发本身的一些痛点，近期团队考虑将iOS App中部分界面迁移到React-Native上，本文主要谈谈开发过程中遇到的一些问题及解决方案。缓存打包方案 facebook提供2种方式集成react-native代码：online 和 offline。后续有更新时，将离线包上传到离线包管理平台，每次打开React-Native相关界面时，native会发起CGI请求，检查现网是否有最新版本的离线包，如果有，CGI会返回最新的离线包地址，Native下载最新的离线包 require('NativeModules').EduProvidePathToJS; // 调用方法 ProvidePathToJS.getPath(function(path) { }); 布局相关 React-Native 从目前的Css代码迁移到React-Native，感觉有很多适配工作。最后 9月会跟着iOS的版本，带一部分React-Native的代码到外网，搜集到数据后，后面会在iOS慢慢铺开使用。
2.3K70发布于 2017-12-29
来自专栏正则
React-Native 入门
通过React Native，开发者可以使用React-Native 提供的组件，让应用界面在其他平台上亦能保持始终如一的外观、风格。 3、为什么要用 React-Native 目前主流的应用大体分成如下几类：Native App, Web App 、 Hybrid App 与 React-Native App App.png Native Web/iOs/Android：不同的平台二、环境搭建因为 React-Native 的开发也需要 Android 开发环境，这里不在介绍，只介绍 React-Native 部分。 node_modules: react-native 工程用到的模块。 App.js 是 react-native 工程的主源码文件，入口文件，相当于 html 中的 index.html。： image.png 初始化完成后，项目运行成功，可以在手机上看到如下界面： rn.png 至此，react-native 环境搭建完成，初始化项目成功。
3.9K10发布于 2021-11-02
来自专栏IMWeb前端团队
React-Native简介
本文作者：IMWeb helondeng 原文出处：IMWeb社区未经同意，禁止转载 React-Native 基于目前React来开发IOS原生应用，Android版本将在年底推出。为什么需要React-Native 目前主流的应用大体分成三类：Native App, Web App, Hybrid App. ? React-Native What we really want is the user experience of the native mobile platforms, combined with 这是 React-Native 设计的初衷：既保留流畅的用户体验，有保留React的开发效率。 React-Native 做了什么 React-Native 丢弃了 Webview。进阶玩法，自定义UI组件如下图，实现课程列表的效果（下图是react-native实现效果，原效果猛戳这里，只实现了页面中的listview）: ?
1.6K00发布于 2019-12-03
来自专栏IMWeb前端团队
React-Native实践
本文作者：IMWeb helondeng 原文出处：IMWeb社区未经同意，禁止转载随着React-Native的火爆，以及Native和Web开发本身的一些痛点，近期团队考虑将iOS App 中部分界面迁移到React-Native上，本文主要谈谈开发过程中遇到的一些问题及解决方案。缓存打包方案 facebook提供2种方式集成react-native代码：online 和 offline。后续有更新时，将离线包上传到离线包管理平台，每次打开React-Native相关界面时，native会发起CGI请求，检查现网是否有最新版本的离线包，如果有，CGI会返回最新的离线包地址，Native下载最新的离线包从目前的Css代码迁移到React-Native，感觉有很多适配工作。最后 9月会跟着iOS的版本，带一部分React-Native的代码到外网，搜集到数据后，后面会在iOS慢慢铺开使用。
1.3K10发布于 2019-12-03
来自专栏IMWeb前端团队
React-Native简介
React-Native 基于目前React来开发IOS原生应用，Android版本将在年底推出。为什么需要React-Native 目前主流的应用大体分成三类：Native App, Web App, Hybrid App. ? React-Native What we really want is the user experience of the native mobile platforms, combined with 这是 React-Native 设计的初衷：既保留流畅的用户体验，有保留React的开发效率。 React-Native 做了什么 React-Native 丢弃了 Webview。进阶玩法，自定义UI组件如下图，实现课程列表的效果（下图是react-native实现效果，原效果猛戳这里，只实现了页面中的listview）: ?
2.3K100发布于 2017-12-29
来自专栏憧憬博客分享
React-Native Android打包
react-native run-android --variant=release 生成发行 APK 包 react-native bundle --platform android --dev false
1.1K10发布于 2020-07-21
来自专栏正则
react-native 启动页
自动关联 react-native link react-native-splash-screen 3.
1.7K40发布于 2021-11-02
来自专栏QQ音乐技术团队的专栏
React-Native 分包实践
对于很多在使用react-native开发应用的小伙伴们肯定都会遇到一个问题，功能越来越复杂，生成的jsbundle文件越来越大，无论是打包在app内发布还是走http请求更新bunlde文件都是噩梦，我们可以在打包的时候直接讲基础文件打包到内部，在请求线上的业务bundle合并后初始化react-native，对于在rn初始化后如果还有新业务的话也可以直接加载业务代码b 通过bridge enqueueApplicationScript //react-native/packager/react-packager/src/Bundler/index.js onResolutionResponse if (withoutSource) (response.dependencies.filter(module => ~module.path.indexOf('react-native') )); } 对于这里我们需要在 react-native自身需要加载多模块的话也可以通过这样的方式调用直接注入到jscontext运行。
3.9K60发布于 2018-01-30
来自专栏前端心念
react-native学习笔记
环境搭建 expo-cli搭建 1npm i -g expo-cli 2 3expo init hyl-native 项目运行 1yarn start 1. apple store下载expo go 2. 用相机扫描二维码踩坑 rn的flex布局默认按纵轴 rn用styled-components 在浏览器运行会报错。手机端正常不可以带单位，可以写百分比 rn的点击事件是onPress 只有Button和被TouchableHighlight包裹的组件可以使用点击事件
51410编辑于 2023-01-11
来自专栏White feathe 的博客
React-Native 安装使用
React-Native 安装使用 1、首先运行 cmd +r ，输入： @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex (( npm install -g yarn react-native-cli 完成之后，就可以使用 react-native-cli 安装你所需的项目了 6、切换到你想存放项目的指定路劲地址，然后执行命令： react-native init AwesomeProject cd AwesomeProject react-native run-android 7、当你安装完成之后，在cmd切换到你项目目录地址，运行命令： npm
1.4K30编辑于 2021-12-08
来自专栏有困难要上，没有困难创造困难也要上！
react-native导航组件
创建工程 $ npx react-native init MyReactNativeApp 安装react-native navigation和依赖库 $ cd MyReactNativeApp $ import { StyleSheet, Text, View, Button } from 'react-native' import React from 'react' import { NavigationContainer NavigationContainer 组件 import React from 'react'; import { SafeAreaView, View, StyleSheet, StatusBar } from 'react-native StyleSheet.create({ container: { flex: 1, backgroundColor: '#ffffff', } }) export default App 运行 $ npx react-native
1.1K10编辑于 2024-06-17
来自专栏憧憬博客分享
React-Native iOS打包
打包命令介绍通过React Native的react-native bundle命令来进行打包的。 react-native bundle的详细命令选项。 jsbundle文件的名称，比如release_ios/main.jsbundle --assets-dest 图片以及其他资源存放的目录,比如release_ios/ 导出js bundle的命令 react-native main.jsbundle --assets-dest release_ios/ 方便使用，可以把打包命令写到npm script中 "scripts": { "start": "node node_modules/react-native /local-cli/cli.js start", "bundle-ios":"node node_modules/react-native/local-cli/cli.js bundle -- release_ios/" }, 运行命令直接打包: npm run bundle-ios 开始打包第一步：导出js bundle包和图片资源在React Native项目的根目录下执行打包命令： react-native
1.4K10发布于 2020-07-21
来自专栏代码男人
React-Native 环境搭建
运行项目： react-native run-android,（真机上运行和android开发一样）运行成功后则会在app上看到效果 ?
72930发布于 2019-01-10
来自专栏carven
react-native使用cookie
react-native使用cheerio 说起js端的爬虫，cheerio就不得不提了。cheerio模仿jquery的dom操作链式写法，可以是程序很方便地对爬取过来的网页信息进行处理。
3.7K00发布于 2018-08-08
来自专栏有困难要上，没有困难创造困难也要上！
react-native webview组件
创建工程 $ npx react-native init MyReactNativeApp 安装WebView组件 $ cd MyReactNativeApp $ npm install react-native-webview App.tsx 文件，添加 MyWebView 组件的使用： import React from 'react'; import { SafeAreaView, View, StyleSheet } from 'react-native StyleSheet.create({ container: { flex: 1, backgroundColor: '#ffffff', } }) export default App 运行 $ npx react-native
52310编辑于 2024-06-15
来自专栏FinGet前端之路
react-native之navigation
先看项目目录这个文件目录除了src 其他的都是通过react-native init my_app自动生成的。 React, { Component } from 'react'; import { Text, View, Button, StyleSheet, Image } from 'react-native MyScreens; first.js import React, { Component } from 'react'; import { Text, View, Button } from 'react-native } } second.js import React, { Component } from 'react'; import { Text, View, Button } from 'react-native React, { Component } from 'react'; import { Text, View, Button, StyleSheet, Image } from 'react-native
3.1K50发布于 2019-06-28
来自专栏若尘的技术专栏
react-native修改包
"scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "start ": "react-native start", "test": "jest", "lint": "eslint
1.1K75编辑于 2021-12-06
来自专栏一个前端开发工程师的成长之路
react-native热更新
接入与安装首先进行安装 npm || yarn react-native link react-native-code-push 接入时选择跟自己的react-native匹配的react-native-code-push code-push-cli 注册账号 code-push register 登录 code-push login android接入 code-push app add appName(你要用的名字) Android react-native 最后使用mkdir bundles创建目录打包所需文件, react-native bundle --platform android --entry-file index.js --bundle-output react-native bundle --platform ios --entry-file index.ios.js --bundle-output .
1.3K30编辑于 2021-12-29

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多

【React-Native】React-Native组件样式合集

react-native

React-Native实践

React-Native 入门

React-Native简介

React-Native实践

React-Native简介

React-Native Android打包

react-native 启动页

React-Native 分包实践

react-native学习笔记

React-Native 安装使用

react-native导航组件

React-Native iOS打包

React-Native 环境搭建

react-native使用cookie

react-native webview组件

react-native之navigation

react-native修改包

react-native热更新

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐