logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

从入门小白到精通,玩转React Native鸿蒙跨平台开发:用于显示文本的 React 组件,支持嵌套、样式,以及触摸处理

本文介绍了React Native中Text组件的使用方法和特性。Text组件支持嵌套文本、样式继承和触摸处理,其布局方式不同于其他组件,内部元素采用文本布局而非flexbox。文章对比了Web和React Native在文本处理上的差异,强调了React Native更严格的样式继承规则——文本必须包含在Text组件内。通过示例代码展示了如何创建可复用的文本样式组件,并详细说明了Text组件的各

文章图片
#开发语言#react native#react.js +3
从入门小白到精通,玩转React Native鸿蒙跨平台开发:TouchableHighlight封装视图响应触摸操作

React Native的TouchableHighlight组件提供触摸反馈功能,按下时降低子视图透明度并显示指定背景色。关键特性包括单子节点限制、透明度调节(activeOpacity)和底层颜色设置(underlayColor)。示例展示了一个计数器应用,使用useState管理状态,通过StyleSheet定义样式。该组件通过修改原生视图属性实现交互效果,但官方推荐使用更灵活的Pressa

文章图片
#开发语言#react native#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:Alert提示对话框

Python 的方法解析顺序是基于 C3,这是为 Dylan 编程语言(http://opendylan.org)构建的。在早期版本的 Python 中,所有类并没有一个共同的祖先 object。这里 L[MyClass]是 MyClass 类的线性化,而 merge 是合并多个线性化结果的具体。在 Python 2 中,如果使用的是旧式类(不继承自 object),仍然存在这样的算法。例如,在(

文章图片
#react native#harmonyos#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:允许键盘输入文本的TextInput组件

React Native的TextInput组件是用于用户文本输入的核心控件,支持单行/多行输入、键盘类型设置、样式定制等功能。通过onChangeText事件监听输入变化并更新状态,同时可设置placeholder、secureTextEntry等属性来满足不同场景需求。使用时需注意平台差异,如Android的键盘弹出问题和多行模式下边框样式限制。组件底层基于原生控件实现,开发者可通过状态管理实

文章图片
#开发语言#react native#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:高性能的分组(section)列表组件,玩转各种列表场景

React Native的SectionList是一个高性能分组列表组件,支持跨平台渲染、下拉刷新、分组头部/分隔线等功能。其核心特性包括: 通过sections属性定义分组数据,支持自定义分组头部和分隔线 继承VirtualizedList的优化性能,实现屏幕外内容异步渲染 支持滚动定位(scrollToLocation)和状态管理 与FlatList相比更适合分组数据展示 实际使用时需注意数据

文章图片
#开发语言#react native#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:Linking启用 Deep Links

本文介绍了在React Native中实现深度链接(Deep Links)的方法。通过Linking API,开发者可以处理应用内外的URL链接交互。当应用已打开时,通过监听'url'事件处理链接;若应用未打开,则使用getInitialURL()获取初始URL。文章提供了详细代码示例,展示了如何解析URL参数并导航到指定页面,最后还演示了如何将React Native代码打包为bundle并在O

文章图片
#开发语言#react native#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:View基础组件

React Native基础组件View详解与颜色选择器实现 摘要:本文介绍了React Native中基础组件View的用法,包括样式设置、布局属性和嵌套组合等核心功能。View作为UI构建的基础容器,支持flexbox布局和多种样式控制,可直接映射到各平台原生视图。文中通过一个颜色选择器案例演示了View的实际应用,该案例使用useState管理选中状态,结合TouchableOpacity实

文章图片
#开发语言#react native#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:TouchableWithoutFeedback(没有任何视觉反馈)

React Native中的TouchableWithoutFeedback组件是一个特殊触摸处理工具,它允许响应触摸事件但不显示任何视觉反馈。该组件适用于需要触摸交互但不需要视觉变化的场景,如点击空白处触发操作。其核心原理是捕获原生触摸事件并通过桥接层转换为JavaScript事件。与TouchableHighlight等组件不同,它不会修改子视图样式。使用时需注意仅支持单一子节点,且应谨慎使用

文章图片
#开发语言#react native#react.js +2
从入门小白到精通,玩转React Native鸿蒙跨平台开发:Switch跨平台通用的“开关”组件

React Native的Switch组件是一个跨平台的开关控件,支持Android、iOS和鸿蒙系统。作为受控组件,必须通过onValueChange回调更新value属性才能响应用户操作。不同平台存在差异:iOS有固定大小和专属样式属性(onTintColor等),而Android需要手动设置宽高。代码示例展示了如何实现三个独立开关的状态管理,通过useState Hook和toggle函数控

文章图片
#开发语言#react native#react.js +3
从入门小白到精通,玩转React Native鸿蒙跨平台开发:class类图片组件三种图片引入方式

React Native图片组件使用指南:本文介绍了React Native中Image组件的使用方法,包括本地资源、网络图片和Base64数据的加载方式。通过示例代码展示了类组件和函数组件的实现,并详细说明了样式定义、图片缩放控制(capInsets)和性能优化技巧。文章还演示了如何将React Native代码打包为bundle用于OpenHarmony平台,并附带了实际运行效果图。涵盖了从基

文章图片
#开发语言#react native#react.js +1
    共 108 条
  • 1
  • 2
  • 3
  • 11
  • 请选择