日不落000
日不落000

react-native

持续更新中......





一套企业级的 UI 设计语言和 React 实现。

https://mobile.ant.design/index-cn

https://github.com/ant-design/ant-design-mobile




Essential cross-platform UI components for React Native

https://nativebase.io/

对应的Icon：

http://ionicframework.com/docs/ionicons/

https://www.awesomes.cn/repo/react-native-community/react-native-elements


http://www.awesome-react-native.com/#componen

第三方组件库：

https://js.coach/react-native#content 

react-native_第1张图片

https://github.com/cyqresig/ReactNativeComponentDemos






+++ 运行ReactNative示例（https://github.com/facebook/react-native） 

运行ReactNative示例（https://github.com/facebook/react-native） http://www.jianshu.com/p/7a6639d67783


react-native_第2张图片

+++ 高性能 RN 列表的组件 FlatList 代替 ListView

高性能 RN 列表的组件 FlatList 代替 ListView https://mp.weixin.qq.com/s?__biz=MzI2NzI4MTEwNA==&mid=2247484250&idx=1&sn=87160398f1860758ca080f83d76da2da&chksm=ea8074e5ddf7fdf328173b66dddc903b3e667cdac4ebc14b38c454074bf32b9c100c04849a5f&mpshare=1&scene=1&srcid=0324NmacRSKsSaYZupnNsL3E&key=3e08de22783815a2c1c4e702e786ac22f9c00dab5b1b13a9896b27f43243b7930c154fd7f66b4132041f599481fb93442f6e6efcb1862567a11ba7e767903a2ce8ee084101c1826c06db06064173faa9&ascene=0&uin=MTgxODM3ODgyMA%3D%3D&devicetype=iMac+MacBookPro12%2C1+OSX+OSX+10.12.3+build(16D32)&version=12020010&nettype=WIFI&fontScale=100&pass_ticket=JBBOZLE%2F3Ysc3rCScsZRrPfqvYvnVRhqIrCl35KS%2BOWIZ1No5Hta5QzHHoMMNq5Z



+++ 二维码扫描

http://www.jianshu.com/p/733d4ace82a1

demo https://github.com/LiuC520/react-native-lc-opencamera/

+++ React Native Android 代码中设置访问js 的地址

http://www.jianshu.com/p/e598edb38dcd


+++ https://github.com/react-native-community

react-native-modal https://github.com/react-native-community/react-native-modal


react-native_第3张图片

https://github.com/react-native-community/react-native-linear-gradient


react-native_第4张图片

https://github.com/react-native-community/react-native-side-menu


react-native_第5张图片

https://github.com/react-native-community/react-native-tab-view


react-native_第6张图片

https://github.com/react-native-community/react-native-svg

https://github.com/react-native-community/react-native-video

https://github.com/react-native-community/react-native-navbar


react-native_第7张图片


A React Native module that allows you to use native UI to select media from the device library or directly from the camera 

   https://github.com/marcshilling/react-native-image-picker


react-native_第8张图片

A image picker for react-native, support for ios and android

https://github.com/remobile/react-native-image-picker


react-native_第9张图片
https://github.com/remobile/react-native-image-picker/blob/master/screencasts/ios.gif


https://github.com/ivpusic/react-native-image-crop-picker 


A component for react-native crop image, such as edit user head

https://github.com/remobile/react-native-image-crop


react-native_第10张图片

A pure js image animation like ios animationImages, support ios and android

https://github.com/remobile/react-native-image-animation


react-native_第11张图片

How to upload photo/file in react-native

https://github.com/g6ling/React-Native-Tips/tree/master/How_to_upload_photo%2Cfile_in%20react-native

An iOS and Android cross patform React Native module to upload files from the device local storage to a server using a multipart/form-data request.

https://github.com/farmisen/react-native-file-uploader

A splash screen for react-native, hide when application loaded ,it works on iOS and Android. //ok

https://github.com/crazycodeboy/react-native-splash-screen

A splashscreen for react-native, hide when application loaded.

https://github.com/remobile/react-native-splashscreen




This module brings "Display: none" (css style) to turn on/off components from render. Using this module will improve your app performance and appearance with the enter/exit animations.

https://github.com/sundayhd/react-native-display

一个跨平台（iOS和Android）单和多项选择React Native组件.

https://github.com/ribuluo000/react-native-checkboxlist 

Checkbox component for react native, it works on iOS and Android.

https://github.com/crazycodeboy/react-native-check-box

A react native module to show toast like android, it works on iOS and Android.

https://github.com/crazycodeboy/react-native-easy-toast

A Beautiful, Customizable React Native Button component for iOS & Android

https://github.com/jacklam718/react-native-button-component

A React Native Popup Dialog Easy Use & Support Custom Animation. For IOS & Android.

https://github.com/jacklam718/react-native-popup-dialog

Highly customizable material design components for React Native

https://github.com/jacklam718/react-native-material-ui

A react native card component

https://github.com/jacklam718/react-native-card-view

A gesture password component for React Native. It supports both iOS and Android since it's written in pure JavaScript.

一个React Native的手势密码组件，纯JavaScript实现，因此同时支持iOS和安卓平台。

https://github.com/leecade/react-native-gesture-password

react-native_第12张图片

a simple swipe unlock for React Native

https://github.com/leowang721/k-react-native-swipe-unlocker


react-native_第13张图片

Progress indicators and spinners for React Native using ReactART

https://github.com/oblador/react-native-progress


react-native_第14张图片



https://github.com/naoufal/react-native-accordion


react-native_第15张图片

A clean and lightweight progress HUD for your React Native app. 

https://github.com/naoufal/react-native-progress-hud


react-native_第16张图片

https://github.com/naoufal/disable-react-devtools

Carousel component for react-native(旋转木马)

https://github.com/nick/react-native-carousel


react-native_第17张图片

Quick and easy icons in React Native

https://github.com/corymsmith/react-native-icons


react-native_第18张图片

Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.

https://github.com/oblador/react-native-vector-icons


react-native_第19张图片


https://github.com/react-native-community/react-native-video

An enhanced, animated and customizable react-native modal.

https://github.com/react-native-community/react-native-modal


react-native_第20张图片

Forms library for react-native

https://github.com/gcanti/tcomb-form-native


react-native_第21张图片

using immutable.js library as store with react && react-native（immutable adj. 不可改变的;）

可以提升性能。

https://github.com/thewei/react-native-immutable

A simple database base on react-native AsyncStorage. 

https://github.com/thewei/react-native-store

https://github.com/react-component

https://github.com/react-native-component 





Cross Platform React Native UI Toolkit .https://react-native-training.github.io/react-native-elements/API/badge/

https://react-native-training.github.io/react-native-elements/API/badge/

https://github.com/react-native-training/react-native-elements

Fonts available out of the box in a React Native project

https://github.com/react-native-training/react-native-fonts

Full featured SQLite3 Native Plugin for React Native (Android and iOS)

https://github.com/andpor/react-native-sqlite-storage

A Listview with a sidebar to jump to sections directly

https://github.com/sunnylqm/react-native-alphabetlistview


react-native_第22张图片

This component serves as a bridge for ADBannerview. Feel free to contribute :-)

https://github.com/Purii/react-native-adbannerview


react-native_第23张图片

react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

https://github.com/FuYaoDe/react-native-app-intro


react-native_第24张图片

Automatic linking of URLs, phone numbers, emails, etc. in strings for React Native

https://github.com/joshswan/react-native-autolink

Pure javascript autocomplete input for react-native

https://github.com/l-urence/react-native-autocomplete-input


react-native_第25张图片

React Native Blur component(模糊)

https://github.com/react-native-community/react-native-blur


react-native_第26张图片

An Image Component for React Native that will cache itself to disk.

https://github.com/jayesbe/react-native-cacheable-image

React-Native cross-platform, calendar component.

https://github.com/vlad-doru/react-native-calendar-datepicker


react-native_第27张图片

Calendar Component for React Native

https://github.com/christopherdro/react-native-calendar


react-native_第28张图片

A datetime-picker for react-native support for android and ios.

https://github.com/cnjon/react-native-datetime

https://github.com/remobile/react-native-datetime-picker

react-native_第29张图片

A Native Picker with high performance.

https://github.com/beefe/react-native-picker


react-native_第30张图片
react-native_第31张图片



https://github.com/iddan/react-native-canvas

React Native Carousel control with support for iOS and Android

https://github.com/machadogj/react-native-carousel-control


react-native_第32张图片

This library is React Native wrapper of popular Native charting library MPAndroidChart and Charts

https://github.com/wuxudong/react-native-charts-wrapper


可能遇到的问题：

Compile error https://github.com/danielgindi/Charts/issues/3373


ios 集成教程 Can't compile using xcode 10 and RN 0.57.1 


react-native '^0.56.0';

macOS 10.14 (18A391);

xcode Version 10.0 (10A255);

react-native-charts-wrapper 0.5.0;

swift version 4.1 not 4.2;

Charts version 3.1.1 not 3.2.0;




React Native图表插件react-native-charts-wrapper集成教程 https://www.jianshu.com/p/432517c5b531


react-native_第33张图片
android


ios


A react-native wrapper baidu echarts

https://github.com/remobile/react-native-echarts

https://github.com/remobile/react-native-echarts/blob/master/screencasts/demo.gif


react-native_第34张图片
react-native_第35张图片
react-native_第36张图片
react-native_第37张图片

Add line, area, pie, and bar charts to your React Native app 

NOTE! The current major version (1.X.Y) is still being developed. If you are looking for the most recent iOS-only version, please download ^0.1.4.

https://github.com/tomauty/react-native-chart



Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar 

https://www.npmjs.com/package/react-native-scrollable-tab-view

https://github.com/tomauty/react-native-scrollable-tab-view


react-native_第38张图片

The best Swiper component for React Native.

https://github.com/leecade/react-native-swiper

react-native_第39张图片


A react-native card swiper write in js

https://github.com/remobile/react-native-card-swiper

react-native_第40张图片

Path-esque circular action menu inspired by CircularFloatingActionMenu.

https://github.com/geremih/react-native-circular-action-menu


react-native_第41张图片


Animated collapsible component for React Native, good for accordions, toggles etc

https://github.com/oblador/react-native-collapsible


react-native_第42张图片

Standard set of easy to use animations and declarative transitions for React Native

https://github.com/oblador/react-native-animatable


Images etc in Full Screen Lightbox Popovers for React Native

https://github.com/oblador/react-native-lightbox


react-native_第43张图片

Progress indicator for networked images in React Native

https://github.com/oblador/react-native-image-progress


react-native_第44张图片


https://github.com/jshanson7/react-native-swipeable


react-native_第45张图片


https://github.com/dancormier/react-native-swipeout

react-native_第46张图片

https://github.com/buhe/react-native-countdown

https://github.com/tofugear/react-native-country-picker

React Native Pili 2.0

这可能是第一个在 React Native 上实现全功能的直播 SDK 了，底层基于Pili-SDK，把 iOS 和 Android 的 API 尽量统一。

2.0 版本为了更容易集成第三方 SDK ，对原有的 React Native 项目进行了改造，iOS 的依赖采用了 Cocoapod 进行管理，当然你也可以采用原来的方式，毕竟是可以共存的。

https://github.com/buhe/react-native-pili

基于Qiniu Pili和React Native实现的Demo.

https://github.com/buhe/pilipili

A video player for React Native with controls

https://github.com/cornedor/react-native-video-player

:notebook: Command line tool to create a React Native library with a single command

https://github.com/frostney/react-native-create-library

react-native_第47张图片

https://github.com/react-native-material-design/react-native-material-design

http://react-native-material-design.github.io/components/button

https://material.io/guidelines/components/buttons.html#buttons-style

Country picker provides a modal allowing a user to select a country from a list. It display a flag next to each country name.

https://github.com/xcarpentier/react-native-country-picker-modal

react-native_第48张图片

图片缩放 //好用

react native image pan and zoom

https://github.com/ascoders/react-native-image-zoom



Pinch-to-zoom view for React Native (both iOS and Android) //不好用

https://github.com/alwx/react-native-photo-view

https://microsoft.github.io/code-push/

React Native PDF View (cross-platform support)

https://github.com/cnjon/react-native-pdf-view

A pure js show string as qrcode in react-native View

https://github.com/remobile/react-native-qrcode

react-native_第49张图片

A local qrcode image parse for react-native, support for ios and android

https://github.com/remobile/react-native-qrcode-local-image

Dynamic loading third party react-native app/module for react-native

https://github.com/remobile/react-native-module

https://github.com/remobile/react-native-module/blob/master/screencasts/demo.gif

A react-native marquee list write in js

https://github.com/remobile/react-native-marquee


react-native_第50张图片
https://github.com/remobile/react-native-marquee/blob/master/screencasts/demo.gif

A cordova local-notifications for react-native, supprt for ios and android

https://github.com/remobile/react-native-local-notifications


react-native_第51张图片

A file-transfer for react-native, code come from cordova, support for android and ios

https://github.com/remobile/react-native-file-transfer

A pure js ActionSheet like ios ActionSheet, support ios and android

https://github.com/remobile/react-native-action-sheet


react-native_第52张图片



good!

action-sheet, alert

A UI package for React Native , both available on iOS and Android

https://github.com/ribuluo000/react-native-wxui


react-native_第53张图片
action-sheet



react-native_第54张图片



good!

A react-native dropdown/picker/selector component for both Android & iOS.

https://github.com/ribuluo000/react-native-modal-dropdown





One React-Native form component to rule them all

https://github.com/FaridSafi/react-native-gifted-form

react-native_第55张图片
https://raw.githubusercontent.com/FaridSafi/react-native-gifted-form/master/capture/signup.gif



React Native Map components for iOS + Android

https://github.com/airbnb/react-native-maps

react-native_第56张图片

Timeline component for React Native App work for Android and iOS

时间线timeline

https://github.com/thegamenicorus/react-native-timeline-listview 


react-native_第57张图片

https://mobile.ant.design/components/steps-cn/


react-native_第58张图片

https://github.com/iddan/react-native-canvas


React Native项目常用第三方组件汇总 http://blog.csdn.net/z4909801/article/details/53943453 


https://github.com/aksonov/react-native-router-flux


控制View的显示与隐藏。

https://github.com/react-io/rn-visible-view

签名、画板

canvas

https://github.com/kevinstumpf/react-native-signature-pad










JavaScript Style Guide

https://github.com/airbnb/javascript

A gulp plugin for encoding images to base64

https://github.com/VandeurenGlenn/gulp-base64-img

Learn React Native through interactive exampleshttp://www.reactnativeexpress.com

https://github.com/dabbott/react-native-express

http://www.reactnativeexpress.com/

ui-

http://stackoverflow.com/questions/40889711/between-nativebase-and-shoutem-which-is-best-to-use-for-react-native 

http://startreact.com/wp-content/uploads/2016/10/kitchensink.gif 

二维码扫描

https://github.com/react-native-component/react-native-smart-barcode 

http://www.jianshu.com/p/733d4ace82a1


时间格式化，解析：moment.js

https://momentjs.com/docs/#/parsing/unix-timestamp-milliseconds/ 


React-Native 组件的引用、自定义组件

http://www.jianshu.com/p/0b563614d099 

https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md

https://github.com/bamlab/react-native-image-resizer

The only React Native http post file uploader with android and iOS background support.  If you are uploading large files like videos, use this so your users can background your app during a long upload.

https://github.com/Vydia/react-native-background-upload 

https://github.com/wkh237/react-native-fetch-blob

https://github.com/wkh237/react-native-animate-number

https://raw.githubusercontent.com/wkh237/react-native-animate-number/master/img/animate-number-preview.gif


react-native_第59张图片

横竖屏控制

https://github.com/yamill/react-native-orientation

https://github.com/lodash/lodash

https://www.npmjs.com/package/rc-form


The comprehensive camera module for React Native. Including photographs, videos, and barcode scanning!

https://github.com/lwansbrough/react-native-camera


非常方便好用

Add sibling elements after your app root element.The created sibling elements are above the rest of your app elements.This can be used to create aModalcomponent or something should be over your app.

https://www.npmjs.com/package/react-native-root-siblings 


https://www.npmjs.com/package/react-native-root-toast  

导航、路由、router、页面跳转、栈、stack、

https://www.npmjs.com/package/react-native-router-flux

https://reactnavigation.org/ 

热更新

Q: “苹果应用商店和android应用商店允不允许使用热更新？”

A: “都允许。”

苹果允许使用热更新Apple's developer agreement, 但是规定不能弹框提示用户更新，影响用户体验。Google Play也允许热更新，但必须弹框告知用户更新。在中国的android市场发布时，都必须关闭更新弹框，否则会在审核应用时以“请上传最新版本的二进制应用包”驳回应用。


https://www.npmjs.com/package/react-native-update 

https://github.com/lisong/code-push-server/blob/master/docs/react-native-code-push.md

http://microsoft.github.io/code-push/


加载图片控件

在加载成功之前加载默认图片，如果加载失败则显示默认图片。

https://github.com/Dharmoslap/react-native-responsive-image 

react-native_第60张图片


常用第三方组件汇总 https://shenbao.github.io/ishehui/html/RN%20%E5%9F%BA%E7%A1%80/React%20Native%20%E5%B8%B8%E7%94%A8%E7%AC%AC%E4%B8%89%E6%96%B9%E7%BB%84%E4%BB%B6%E6%B1%87%E6%80%BB.html






https://github.com/search?o=desc&q=react-native&s=stars&type=Repositories&utf8=%E2%9C%93

https://github.com/reactnativecn/react-native-guide

https://github.com/ptmt?tab=repositories

https://github.com/alwx

https://github.com/aerofs

https://github.com/cnjon

你可能感兴趣的:(react-native)

  • 【React Native】动态路由与参数传递 秀秀_heo 跨端开发reactnativereact.jsjavascript
    动态路由[id].js文件是个动态路由文件。使用：/courses/1/courses/2都是可以匹配上的，也就说它的最后一个参数是不确定的，可以是任意值。参数传递import{View,Text,StyleSheet,TouchableOpacity}from"react-native";import{Link,useRouter}from"expo-router";exportdefaultf
  • react-native android 环境搭建
    环境：macjava版本：Java11最重要：一定要一定要一定要react涉及到很多的依赖下载，gradle和react相关的，第一次安装环境时有外网环境会快速很多。安装nodejs安装react-nativenpminstallreact-native-clinpminstallreact-native创建一个新项目react-nativeinitfirstReact替换gradle下载源rep
  • ReactNative图片自适应高度 吴佩佩佩佩 ReactNative安卓reactnativeandroid
    importReact,{useState,useEffect}from'react';import{Image}from'react-native';exportdefault({source={},style={},width=0})=>{const[height,setHeight]=useState(100);useEffect(()=>{if(source.uri){//网络图Image
  • React-Native痛点解析之开发环境搭建及扩展 cuoban AndroidReactNativeandroid开发android
    ReactNative简直太火了，国内大公司都在争先恐后的尝鲜，让人难以相信这是诞生刚刚一年的开源项目。正因为它的年轻，在使用它进行开发时难免会遇到这样那样的坑，因此，我们邀请了《ReactNative入门与实战》的作者之一，魅族高级研发经理魏晓军来为我们解析RN开发中的痛点。本文分享的是在环境搭建和扩展中会遇到的问题与解决方案。引言ReactNative的出现，为APP开发者们带来了冲动和激情，
  • react-native 0.6x升级适配说明 Bearin reactnative
    react-native0.6x升级适配说明RN0.6x已经发布有一段时间了，react-navigation也在前不久进入了5x的时代。为了让大家少踩坑，现已将课程升级适配到RN0.6x以及react-navigation5x，另外，包括友盟分享和统计在内的所有插件也已升级是配到最新版。为了帮助到大家顺利的学习使用新版本RN与react-navigation等相关库，我将整个的升级适配过程总结出
  • react-native 踩过的坑 \光辉岁月/
    一、遇到过的坑1.1执行Downloadinghttps://services.gradle.org/distributions/gradle-2.4-all.zip时报错解决方法：复制报错的下载链接，用迅雷下载，将项目地址中的AwesomeProject/android/gradle/wrapper/gradle-wrapper.properties中的distributionUrl=https
  • native react 更新机制_React-Native 实现增量热更新的思路(1) 彼一暝 nativereact更新机制
    所谓热更新就是在不重新安装的前提下进行代码和资源的更新，相信在整个宇宙中还不存在觉得热更新不重要的程序猿。增量热更新就更牛逼了，只需要把修改过和新增的代码和资源推送给用户下载即可，增量部分的代码和资源都比较小，所以整个热更新流程可以在用户无感的情况下完成，我已经想不到更好的更新方式可以让我装更大的逼了。一.实现脚本的热更新1.为什么可以热更新简单地说，因为RN是使用脚本语言来编写的，所谓脚本语言就
  • React Native【详解】内置 API 朝阳39 ReactNativereactnative
    屏幕Dimensions获取屏幕信息import{Dimensions}from"react-native";exportdefaultfunctiondemo(){const{width,height,scale,fontScale}=Dimensions.get("window");console.log(width,height,scale,fontScale);}参数为window时，不包
  • 解决react-native软键盘弹出挡住输入框的问题 曲小强 reactNative采坑之路软键盘弹出挡住输入框react-native
    这是效果：代码：importReact,{Component}from'react';import{View,Text,Button,StyleSheet,TextInput,ScrollView,KeyboardAvoidingView,Dimensions}from'react-native';import{StackActions,NavigationActions,withNavigati
  • react-native键盘弹起遮挡输入框 花程序媛
    importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,Image,FlatList,Dimensions,WebView,TouchableOpacity,TextInput,NativeModules,DeviceEventEmitter,Alert,ToastAndroid,ActivityIndicat
  • react-native键盘遮挡输入框 huaiyanchen react-native
    1、使用组件KeyboardAvoidingView使用注意:在render内使用，需要设置高度keyboardVerticalOffset：有时候应用离屏幕顶部还有一些距离（比如状态栏等等），利用此属性来补偿修正这段距离。2.与ScrollView使用ScrollView标签不要设置高度render(){return(...this._extraUniqueKey(item,index)}ren
  • react native中使用fetch做get请求和post请求
    get请求：importReact,{useState,useRef,useEffect}from'react'import{View,TextInput,Text,Button}from'react-native'importstylefrom'./static/style'exportdefaultfunctionApp(){const[username,setUsername]=useSta
  • React Native【实战范例】网格导航 FlatList 朝阳39 ReactNativereactnative
    importReactfrom"react";import{FlatList,Image,SafeAreaView,StyleSheet,Text,View,}from"react-native";interfaceGridItem{id:string;title:string;imageUrl:string;}//网格布局数据constgridData=Array.from({length:30
  • react-native中ScrollView套ScrollView 诚实可靠王大锤 前端reactnativereact.jsjavascript
    react-native中ScrollView套ScrollView（安卓环境）ScrollView套ScrollView，子ScrollView无法滚动试了很多种方法，都是无效的，最终还是在官方文档中找到了nestedScrollEnabled属性官方说明：在AndroidAPIlevel21（5.0）以上启用嵌套滚动。iOS上默认支持嵌套滚动。所以我在父子ScrollView上全部加上了这个属
  • React Native【实战范例】水平滚动分类 FlatList 朝阳39 ReactNativereactnative
    importReactfrom"react";import{FlatList,SafeAreaView,StyleSheet,Text,View}from"react-native";interfaceitemType{id:string;title:string;icon:string;}//水平滚动数据consthorizontalData:itemType[]=[{id:"1",title:
  • react实现聊天界面_react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
    一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在reactnative原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。一、项目简述基于react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等
  • [特殊字符] 在 React Native 项目中封装 App Icon 一键设置命令（支持参数与默认路径） YuZou 邹宇 erroRight笔记reactnative
    前置依赖使用的是社区维护的CLI工具：@bam.tech/react-native-make它扩展了react-native命令，支持set-icon功能。安装：yarnadd-D"@bam.tech/react-native-make"封装目标我们希望能够通过以下方式调用：#默认使用./icon.pngyarnset-icon#自定义路径yarnset
  • React-Native之可配置化的图片资源预加载方案 HGC2016 ITjavascriptreactnativehtml5imageview
    背景在RN开发过程中，我们深受Rn包体积的扩大而困扰。为了优化包体积，最直接的方式莫过于减少本地资源的引用（将资源上传到云端）。然而虽然包的体积大大减小，但伴随而来的则是由于网络延时导致的加载缓慢，进而引发严重的体验问题，结果自然就是得不偿失。那么如何解决这样的问题呢，就需要一套可行的资源预加载方案。下面我们将着重讨论图片资源的预加载方案。解决方案1、图片预加载React-Native官方Imag
  • react-native的token认证流程 zwjapple 状态模式reactNativetoken
    在ReactNative中实现Token认证是移动应用开发中的常见需求，它用于验证用户的身份并授权其访问受保护的API资源。Token认证的核心流程：用户登录(Login):用户在前端输入用户名和密码。前端将这些凭据发送到后端API。后端验证凭据。如果验证成功，后端会生成一个Token（通常是JWT-JSONWebToken）并返回给前端。前端接收到Token后，将其安全地存储起来（例如使用Asy
  • React-Native 宝藏库大揭秘：精选开源项目与实战代码解析 @sinner reactnative前端框架移动端
    1.引言1.1React-Native简介React-Native是由Facebook开发的一个开源框架，它允许开发者使用JavaScript和React的编程模型来构建跨平台的移动应用。React-Native的核心理念是“LearnOnce,WriteAnywhere”，即学习一次React的编程模型，就可以在多个平台上进行开发。React-Native的优势包括：性能：通过使用原生组件，Re
  • React-native的新架构 前端react-native
    本文总结:文章主要介绍了ReactNative的新架构，包括以下几个方面的内容：✨如何抹平iOS和Android样式差异，提升跨平台一致性；分析了旧架构中存在的问题，如通信瓶颈、启动慢、维护复杂等；介绍了JSI中间层带来的变革，如：不再强依赖JavaScriptCore引擎；可直接在JS层调用Native方法，提升交互效率；讲解了RN的渲染阶段流程；常用基础库（如ReactNavigation）的
  • react-native在模拟器中访问本地服务踩坑 zwjapple react-native
    localhost，127.0.0.1不能通信。可以在模拟器中测试与本地开发环境中的服务进行交互，但需要确保以下几点：网络配置：模拟器通常会有自己的网络设置，与主机（本地开发环境）的网络隔离。许多模拟器（例如AndroidEmulator或iOSSimulator）支持通过localhost或127.0.0.1访问主机上的服务，但有时需要使用主机的特定IP地址（例如10.0.2.2在Android
  • react-native非路由组件中实现路由跳转 九段刀客 ReactNativejavascriptreactnativereact.js
    使用场景：对请求进行封装，要在封装的逻辑中进行退出登录，跳转到login页面的功能RootNavigation.jsimport{createNavigationContainerRef}from'@react-navigation/native';exportconstnavigationRef=createNavigationContainerRef();
  • React-ZarmUI：跨平台React & React-Native移动端UI组件库 weixin_42668301
    本文还有配套的精品资源，点击获取简介：React-ZarmUI是专为React和React-Native开发者设计的移动端UI组件库，提供简洁、易用、高度可定制化的组件，支持Web和原生移动应用开发。它包含基础和复杂UI组件，具有响应式设计、高度可定制化、易于上手、持续更新与维护的特点。开发者可以利用ZarmUI快速构建美观且功能完善的移动应用。1.React-ZarmUI跨平台特性1.1跨平台框
  • 20. React-native脚手架探索
    本文总结本文主要探讨了ReactNative脚手架的使用与选择，介绍了两种主流工具：ReactNativeCLI和ExpoCLI，并对它们的特点进行了比较分析。ReactNativeCLI：适合需要原生模块能力、自定义程度更高的项目；ExpoCLI：上手简单、配置少，适合快速开发和原型验证。文章还详细介绍了两者的优缺点、组成部分，帮助我们更好地理解它们的适用场景。在实战部分，文章讲解了：如何启动项
  • React ES7 React/Redux/GraphQL/React-Native snippets插件常用代码块 执着的派大星 react.jselasticsearchgraphql
    ES7React/Redux/GraphQL/React-Nativesnippets插件常用代码块生成无状态组件rfc生成类组件rcc打印clg导入imp导入Reactimrthis.setStatesst导入React,useState,useEffectimrse生命周期方法cdm类组件定义方法met生成匿名函数anfn函数组件定义方法nfn解构对象dob解构数组dar间歇调用sti超时调用
  • 【VSCode】ES7 React/Redux/GraphQL/React-Native snippets 插件详解 Peter-Lu #NodeJSvscodereact.jsjavascript前端
    文章目录一、插件简介1.插件的作用2.安装与配置二、常用代码片段介绍1.React代码片段1.1函数组件1.2类组件2.Redux代码片段2.1创建action2.2创建reducer3.ReactHooks代码片段3.1useStateHook3.2useEffectHook4.GraphQL代码片段三、如何在项目中使用插件的代码片段1.快捷键提示2.自定义配置四、插件的优势与适用场景1.提高开
  • “ES7+ React/Redux/React-Native snippets“常用快捷前缀 zwjapple react.jsreactnativejavascript
    请注意，这是一个常用的列表，不是扩展提供的所有前缀。最完整和最新的列表请参考扩展的官方文档或在VSCode中查看扩展的详情页面。React(通常用于.js,.jsx,.ts,.tsx):rfce:ReactFunctionalComponentwithExportDefaultrafce:ReactArrowFunctionComponentwithExportDefaultrce:ReactCl
  • Error while updating property ‘stroke‘ in shadow node of type: ARTShape 流星雨在线 #ReactNative
    一、问题发现好多人跟我一样踩坑react-native-progress与最新版本的react-native不兼容，或者使用到了react-native-community/art的Shape等组件，出现Errorwhileupdatingproperty‘stroke’inshadownodeoftype:ARTShape问题，这里给大家分享下。当然没踩坑的可以略过，给自己留点宝贵的时间去做点别
  • react-native记录zIndex控制页面层次出现透过去的现象 流星雨在线 #ReactNative
    一、问题我这边用react-native为了实现手势按住一个按钮之后切换场景，使用了zIndex进行页面层次的控制，在所有的ios手机上与绝大部分安卓手机上都表现正常。实际正常效果如下：但是在HUAWEImate20手机上出现了第二画没有遮盖住第一画的情况，并且这种情况是少量安卓手机按照特定操作步骤才会复现，如下：二、回顾react-native在z轴的层叠关系平台情况在z轴的层叠关系安卓既没有z
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他