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阅读
# 如何实现 jQuery 星级评分组件
在网页开发中，星级评分组件是一个非常常见的功能。通过这个组件，用户可以快速表达对产品或服务的评价。本文将详细介绍如何使用 jQuery 创建一个简单的星级评分组件。我们将从整体流程入手，逐步实现每个步骤，并附上详细的代码和注释。
## 实现流程
下面是实现 jQuery 星级评分组件的基本流程：
| 步骤 | 描述 |
|------|------
在项目中自定义了2个类:A和B,其中A含有B的实例变量.在这2个类中都定义了==比较方法,按照正常来说:比较A,必然比较B.因为需要比较A中类型为B的实例变量.但实际运行中发现,两个字面上完全一样的A实例对象,比较竟然不相等!!!在A的==方法中下断点,发现3个问题:比较不相等是因为其中B实例变量的比较不相等B实例比较并没有调用B中的==比较方法最为奇怪的是:在Xcode的lldb中手动输入同样的
转载
2024-10-11 06:03:02
29阅读
以前写过一篇文章以jquery为基础的星星评分 ，今天有时间把这个功能重写，并以jQuery插件的形式出现以便以后使用。 首先看一下运行效果如下图所示。
鼠标移到星星上该星星前面的所有星星全部变亮，鼠标单击将记录点击的星星数，前面的所有星星将变亮。 一、原理 本程序的原理是这样
第三方库UI套件1， NativeBaseNativeBase 是一个广受欢迎的 UI 组件库，为 React Native 提供了数十个跨平台组件。在使用 NativeBase 时，你可以使用任意开箱即用的第三方原生库，而这个项目本身也拥有一个丰富的生态系统，从有用的入门套件到可定制的主题模板。 NativeBase 项目地址: https://github.com/GeekyAnts/Nat
转载
2023-11-01 22:22:51
258阅读
【写在前面】
在现代应用程序中，星级评分是一个常见的用户界面元素，它允许用户对产品、服务或内容进行评价。
想必大家在用各种带有评分的软件中看到过这个组件：
本文将指导你如何使用 Qml 创建一个简单而美观的星级评分组件，并且支持高度自定义。
【正文开始】
先来看看效果图：
现在开始讲解思路：
首先，我们需要考虑半星的情况，因此可以分为三个部分：
1、红色部分：满填充星星【fillDel
原创
精选
2024-09-15 17:11:35
377阅读
点赞
转载链接: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阅读
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} // 隐藏光
一种在 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阅读
分享一下最近写的 vue 的评分组件 Features: 支持半星、可清除、文案展示、只读、自定义颜色、自定义字符及图片等、支持 hover 的时候改变 value、内置三种样式，以及非常好看 DEMO： https://vue cute rate.netlify... Github： https:
转载
2018-11-07 12:58:00
135阅读
2评论
