一、 react组件两种导入方式React组件可以通过两种方式导入另一个组件import(常用)import component from './component'requireconst component = require('./component')两种方式有什么区别?提出的规范不同
import是ES6语法,reuqire是CommonJs提出的.import会通过babel转换成Co
转载
2023-08-28 10:07:06
230阅读
1.组件的构成在React Native项目中，所有展示的界面，都可以看做是一个组件（Component）只是功能和逻辑上的复杂程度不同。每一个是许许多多小的组件拼成的，每个小的组件也有自己对应的逻辑，不过他们都遵循同样的代码结构，由以下几个部分组成第一是包和其他组件引用部分，如下图：新版本的React Native已经变成了如下形式：此部分首先会利用Node.js的require机制引入reac
转载
2024-03-27 06:18:39
89阅读
import React from 'react';import { Image, ScrollView} from 'react-native';export default class App extends React.Component{ render(){ return (
原创
2022-06-06 18:17:32
186阅读
第一部分react-native-carousel 轮播图react-native-countd
原创
2022-12-16 21:41:52
172阅读
import React from 'react';import { Text,View,StyleSheet,TouchableOpacity,Animated} from 'react-native';export default clas
原创
2022-06-06 18:18:58
214阅读
第三方库UI套件1， NativeBaseNativeBase 是一个广受欢迎的 UI 组件库，为 React Native 提供了数十个跨平台组件。在使用 NativeBase 时，你可以使用任意开箱即用的第三方原生库，而这个项目本身也拥有一个丰富的生态系统，从有用的入门套件到可定制的主题模板。 NativeBase 项目地址: https://github.com/GeekyAnts/Nat
转载
2023-11-01 22:22:51
258阅读
# 在iOS中引入React Native的步骤指南
在开发移动应用时，结合原生iOS与React Native，可以实现更灵活的用户界面与功能。对于刚入行的小白来说，这可能会显得有些复杂。本文将逐步指导你如何在iOS项目中引入React Native，并提供必要的代码示例。
## 流程概述
以下是引入React Native到你的iOS项目的基本步骤：
| 步骤 | 描述
原创
2024-10-23 04:55:05
148阅读
你应该知道的11个React Native组件库随着React的日益流行和原生移动应用开发（和PWA）的崛起，React Native的采用率也在增长。与React类似，React Native也是使用独立的组件来构建UI。使用预先构建好的组件、组件库和UI工具包有助于我们更快地构建应用程序。在查看了大量有用的React和Vue组件库之后，根据大众的需求，列出了一个有用的React-Native
转载
2023-08-21 17:23:18
158阅读
文档地址下载ant-design组件库npm install @ant-design/react-native --save下载按需引入插件npm install babel-plugin-import -D在.bab
原创
2022-07-06 16:46:45
376阅读
转载链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/react-native-open-source-components-react-native-wechat-learning/ 由于最近工作的需要用到微信分享，于是我就找开源组件库(react-native-wechat),下面是具体的使用方法。一、进入到项目的目录中执
转载
精选
2016-03-25 16:29:04
1458阅读
1.首先可以参考官方例子:https://reactnavigation.org/docs/en/drawer-based-navigation.html这个是最简单的 这个是官方GitHub例子:https://github.com/react-navigation/react-navigation/blob/master/examples/NavigationPlaygr
原创
2022-09-16 15:44:13
378阅读
TextInputunderlineColorAndroid="transparent" // 移除Android下划线selectionColor="red" // 选中文本颜色caretHidden={true} // 隐藏光
import React from 'react';import { Text, View} from 'react-native';export default class App extends React.Component{ state ={
原创
2022-06-06 18:18:00
171阅读
一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echa
转载
2022-09-07 13:40:38
436阅读
import React from 'react';import { StyleSheet, Text, View,} from 'react-native';class SiteComponent extends React.Component{
原创
2022-06-06 18:18:50
170阅读
一、Image组件（1）引用本地图片 React Native提供了一种统一的方式来管理iOS和Android应用中的图片。 要向应用程序添加静态图i
原创
2023-04-27 12:14:48
169阅读
# React Native iOS小组件开发指南
随着移动应用程序的普及，小组件（Widgets）在用户体验中扮演着越来越重要的角色。尤其是在iOS中，小组件可以为用户提供实时信息和快捷操作。本文将介绍如何使用React Native创建iOS小组件，包含具体的代码示例，以帮助开发者入门。
## 什么是小组件？
小组件是iOS系统的一种轻量级应用，通常用于提供重要信息的快速视图，如天气、日
ScrollView和TextInput，但不可能封装全部组件。而且，说不定你曾经为自己以前的App还封装过一些组件，React Native肯定没法包含它们。幸运的是，在React Naitve应用程序中封装和植入已有的组件非常简单。MapView组件的具体实现。iOS MapView样例 假设我们要把地图组件植入到我们的App中——我们用到的是MKMapView，而现在只需要让它可以被Java
转载
2024-04-06 12:51:22
34阅读
原文作者：John A. Calderaio
原生 iOS(Swift) 和 React-Native 的性能比较React-Native 是一个混合的移动框架，可以让你仅仅使用 JavaScript 来构建应用。然而，与其他混合移动开发技术不同的是，你构建的并不是一个 “移动网页应用”（把网页应用封装到一个原生的容器里）。在最后，你会得到一个真正的应用。与使用 Objective-C 编写的 i
转载
2023-08-03 21:01:55
117阅读
在使用dataSource时，我们需要先new一个dataSource对象constructor(){super();this.state={movies:newListView.DataSource({rowHasChanged:(row1,row2)=>row1!==row2})}this.fetchData();//豆瓣jsonhttps://api.douban.com/v2/mov
原创
2018-05-22 10:44:36
2102阅读
点赞
