1.组件的构成在React Native项目中，所有展示的界面，都可以看做是一个组件（Component）只是功能和逻辑上的复杂程度不同。每一个是许许多多小的组件拼成的，每个小的组件也有自己对应的逻辑，不过他们都遵循同样的代码结构，由以下几个部分组成第一是包和其他组件引用部分，如下图：新版本的React Native已经变成了如下形式：此部分首先会利用Node.js的require机制引入reac
转载
2024-03-27 06:18:39
89阅读
第一部分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阅读
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阅读
第三方库UI套件1， NativeBaseNativeBase 是一个广受欢迎的 UI 组件库，为 React Native 提供了数十个跨平台组件。在使用 NativeBase 时，你可以使用任意开箱即用的第三方原生库，而这个项目本身也拥有一个丰富的生态系统，从有用的入门套件到可定制的主题模板。 NativeBase 项目地址: https://github.com/GeekyAnts/Nat
转载
2023-11-01 22:22:51
258阅读
转载链接: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阅读
一种在 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阅读
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阅读
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阅读
TextInputunderlineColorAndroid="transparent" // 移除Android下划线selectionColor="red" // 选中文本颜色caretHidden={true} // 隐藏光
一、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阅读
SafeAreaView SafeAreaView的目的是在一个“安全”的可视区域内渲染内容。具体来说就是因为目前有 iPhone X 这样的带...
原创
2022-07-13 21:16:57
184阅读
在使用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阅读
点赞
Text 组件对应于 Android 平台的 TextView ，用来显示文本。无论做什么应用几乎都要使用它，可以说是应用最频繁的组件之一。
原创
2022-03-16 12:12:55
133阅读
# iOS 小组件与 React Native Widget
在移动应用的开发中，iOS小组件（Widgets）已经成为提升用户体验的关键元素。借助小组件，用户可以直接在主屏幕上查看应用信息，而无需打开应用程序本身。本篇文章将介绍如何使用 React Native 创建 iOS 小组件，并提供一些具体的代码示例。
## 什么是 React Native Widget？
React Nativ
先执行安装插件import React from 'react';import { Alert,Text,View,TextInput,Button,StyleSheet,TouchableHighlight} fro
原创
2022-06-06 18:16:03
200阅读
