Material design for React Native.
reactnativepaper.com
Currently supported React Native version: >= 0.50.3
Run the example app with Expo to see it in action.
The source code for the examples are under the /example folder.
Refer to the getting started guide for instructions.
Check the components and their usage in our documentation.
Read the contribution guidelines before contributing.
Use official component kits provided by Material Design.
react-native-paper
is an open source project and will always remain free to use. If you think it's cool, please star it
Like the project?
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
TextInput组件赋number类型的值不显示? this.setState({ value: 2000+'' }) 要求赋值是String类型 borderRadius 样式属性Text标签上ios端不起作用,必须用View标签
import React, {Component} from 'react'; import {Platform,FlatList, StyleSheet, Text,Image, View} from 'react-native'; var REQUEST_URL = "https://raw.githubusercontent.com/facebook/react-native/0.51-s
前言 之前我们讲了很多react-native的基础控件,为了方便大家的理解,我们来对react-native的布局做一个总结,观看本节知识,你将看到。 宽度单位和像素密度 flex的布局 图片布局 绝对定位和相对定位 padding和margin的区别和应用场合 文本元素 宽度单位和像素密度 我们知道在Android中是用设备像素来作为单位的(后面又出现了百分比这么 一个概念),ios中后面也有
网上的好多文章关于Native Modules模块的大多数都是使用Toast作为例子,但是这么写有两个问题: Toast的makeText方法为static类型的静态方法,并不需要实例化一个Toast对象就可以使用,那么问题来了,如果调用类的非静态方法,该如何实现Native Modules。 Toast的show方法,确实给展示了本地方法的封装,但是如果方法有返回值,应该如何将返回值传递给JS。
React简介 RN基于React设计,了解React有利于我们开发RN应用。 React希望功能分解化,让开发像搭积木一样,快速而且可维护。 React的3个特点 作为UI(Just the UI) 虚拟DOM(Virtual DOM) 这是亮点,是React最重要的一个特性 更新View很快,放进内存,最小更新的视图 差异部分更新 diff算法 数据(Data Flow)单向数据流 学习Rea
先来实现一下React Native调用native方法,具体步骤: 1、创建Module类,继承ReactContextBaseJavaModule类, public class BridgeModule extends ReactContextBaseJavaModule { private static String MODULE_NAME = "BridgeModule";
React本机 (React Native) React Native is a cross-platform framework for building mobile applications that can run outside of the browser — most commonly iOS and Android applications React Native是一个跨平台框架
1. ios解决方案 1.1 Xcode打开工程,Libraries -> RCTNetworking -> RCTHTTPRequestHandler.mm -> #pragma mark NSURLSession delegate 添加如下代码 - (void)URLSession:(NSURLSession *)session didReceiveChallenge:(NSURLAuthen
问题内容: 我正在考虑将React Native用于新的Web应用程序。是否可以使用它同时发布iOS和Android应用程序? 我知道这是在路线图上,但是我不清楚这将是一个单独的开源项目(例如,React Android与React Native)还是一个(例如,React Native)。 问题答案: TLDR :很有可能。但这取决于您的用例。 您可以实现约 80〜99 +%的代码复用率 (取决
我是新来的--本地人。在创建项目之后,我试图用这个命令在android上运行。 我有所有的java,Android Studio安装。我还在path中添加了ANDROID_HOME和JAVA_HOME环境变量和platform-tools。我也在Android Studio中构建了这个项目。请帮我解决这个错误。
我在iOS中有一个相当复杂的React原生项目,我想把它移植到Android上,测试它的可移植性。我已经完成了以下标准安装说明: '安装最新的JDK安装Android SDK:On Mac:brew安装Android SDK导出Android_HOME=/usr/local/opt/Android SDK打开Android SDK管理器(在Mac上启动新的shell并运行Android);在出现的
当我尝试在终端中执行命令React-本机run-android时,我在VScode中遇到了这个奇怪的错误。 还运行了react native doctor和Node、yarn、android_home和android sdk 0错误的所有绿色复选标记 不确定如何解决这些问题,因为我已经在以前的线程中尝试了所有建议。有人有这个问题可以提供帮助吗?这是一台窗户机器。 错误图像
DEPS: 在从RN 0.45更新到0.50和从RN-Admob从1.3.2更新到2.0.0-beta.3之后 尝试使用react-native run-android构建时 /node_modules/react-native-admob/android/src/main/Java/com/sbugert/rnadmob/rnadmobinterstitialadmodule Java:117:
我正在尝试调用函数。 它在iOS上运行良好,但在Android上就不行了。 并返回如下所示的错误。
失败:生成失败,出现异常。 文件://c://users/k7aled/.m2/repository/androidx/transition/transition/1.0.0/transition-1.0.0.pom 文件://c://users/k7aled/.m2/repository/androidx/transition/transition/1.0.0/transition-1.0.0.
本文向大家介绍react-native 启动React Native Packager,包括了react-native 启动React Native Packager的使用技巧和注意事项,需要的朋友参考一下 示例 在最新版本的React Native上,无需运行打包程序。它将自动运行。 默认情况下,这将在端口8081上启动服务器。要指定服务器所在的端口