1.组件的构成在React Native项目中，所有展示的界面，都可以看做是一个组件（Component）只是功能和逻辑上的复杂程度不同。每一个是许许多多小的组件拼成的，每个小的组件也有自己对应的逻辑，不过他们都遵循同样的代码结构，由以下几个部分组成第一是包和其他组件引用部分，如下图：新版本的React Native已经变成了如下形式：此部分首先会利用Node.js的require机制引入reac
转载
2024-03-27 06:18:39
89阅读
介绍beeshell 是一个 React Native 应用的基础组件库，基于 0.53.3 版本，提供一整套开箱即用的高质量组件，包含 JavaScript（以下简称 JS）组件和复合组件（包含 Native 代码），涉及前端（FE）、iOS、Android 三端技术，兼顾通用性和定制化，支持自定义主题，用于开发和服务企业级移动应用。现在已经在 GitHub 上开源，地址：https://g...
原创
2021-05-12 10:36:58
3422阅读
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阅读
转载链接: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阅读
一、Image组件（1）引用本地图片 React Native提供了一种统一的方式来管理iOS和Android应用中的图片。 要向应用程序添加静态图i
原创
2023-04-27 12:14:48
172阅读
# React Native iOS小组件开发指南
随着移动应用程序的普及，小组件（Widgets）在用户体验中扮演着越来越重要的角色。尤其是在iOS中，小组件可以为用户提供实时信息和快捷操作。本文将介绍如何使用React Native创建iOS小组件，包含具体的代码示例，以帮助开发者入门。
## 什么是小组件？
小组件是iOS系统的一种轻量级应用，通常用于提供重要信息的快速视图，如天气、日
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
381阅读
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阅读
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阅读
近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，涌现了一大批架，这方面的知...
转载
2022-09-07 13:39:02
554阅读
react-native -30 (每天一个Demo，共三十个，有些demo很
原创
2022-12-16 21:41:55
1323阅读
View 其实就是 UI 最基础的组件，跟我们 Android 中的 View 不同，它更像我们 Android 中的 LinearLayout，RN 中的 View 是一个支持 Flexbox 布局、样式、一些触摸处理和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。
原创
2022-03-16 12:11:34
179阅读
本组件用于解决一个常见的尴尬问题：手机上弹出的键盘常常会挡住当前的视图。本
原创
2019-07-11 15:46:03
167阅读
