【习题】从简单的页面开始

一 、判断题

  1. Button作为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮,其类型包括胶囊按钮、圆形按钮、普通按钮。

答案:正确(True)

  1. 对于包含文本元素的组件,如:Text、Span、Button、TextInput等,使用fontFamily设置字体时,参数类型只能是string,当使用多个字体时,用","进行分割,按顺序生效。

答案:错误(False)

  1. 在Column容器中的子组件默认是按照从上到下的垂直方向布局的,其主轴的方向是垂直方向,在Row容器中的组件默认是按照从左到右的水平方向布局的,其主轴的方向是水平方向。

答案:正确(True)

二、单选题

  1. 关于ForEach循环渲染的描述错误的是 (D)

A. arr数据源,为Array类型的数组

B. itemGenerator为子组件生成函数,为数组中的每个元素创建对应的组件

C. keyGenerator为数组项唯一键值生成函数,为数据源arr的每个数组项生成唯一且持久的键值,函数返回值为开发者自定义的键值生成规则

D. ForEach基于数组类型数据来进行循环渲染,需要与容器组件配合使用,且可以返回任意子组件

  1. Image不支持哪种图片格式 (B)

A. svg

B. eps

C. gif

D. bmp

  1. 下面哪个组件层次结构是错误的 (C)

A. List>ListItem>Column

B. Column>List>ListItem

C. Grid>Row>GridItem

D. Grid>GridItem

  1. 需要在主轴上使第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半,通过下列哪种方式设置 (B)

A. justifyContent(FlexAlign.SpaceBetween)

B. justifyContent(FlexAlign.SpaceAround)

C. justifyContent(FlexAlign.SpaceEvenly)

D. justifyContent(FlexAlign.Center)

三、多选题

  1. 关于Grid组件的相关描述正确的是 (A、B、C、E)

A. 网格布局是由"行"和"列"分割的单元格所组成,具有较强的页面均分能力,子组件占比控制能力

B. Grid组件提供了rowsTemplate和columnsTemplate属性用于设置网格布局行列数量与尺寸占比

C. 设置网格容器的步骤:准备待循环的数据源、设置网格容器Grid、利用ForEach对数据进行渲染

D. 如果设置的是columnsTemplate,Grid的滚动方向为水平方向;如果设置的是rowsTemplate,Grid的滚动方向为垂直方向

E. Grid用于设置网格布局相关参数,GridItem定义子组件相关特征。Grid组件支持使用条件渲染、循环渲染、懒加载等方式生成子组件

  1. 关于Swiper组件的相关描述正确的是 (A、B、C、D)

A. 当loop为true时,在显示第一页或最后一页时,可以继续往前切换到前一页或者往后切换到后一页。如果loop为false,则在第一页或最后一页时,无法继续向前或者向后切换页面

B. Swiper通过设置autoPlay属性,控制是否自动轮播子组件

C. Swiper支持水平和垂直方向上进行轮播,主要通过vertical属性控制

D. Swiper支持手指滑动、点击导航点和通过控制器三种方式切换页面

  1. 关于List组件的相关描述正确的是 (A、B、C、D)

A. List除了提供垂直和水平布局能力、还提供了自适应交叉轴方向上排列个数的布局能力

B. 当列表项达到一定数量,内容超过屏幕大小时,可以提供滚动功能。它适用于呈现同类数据类型或数据类型集

C. List提供了divider属性用于给列表项之间添加分隔线。在设置divider属性时,可以通过strokeWidth和color属性设置分隔线的粗细和颜色

D. List组件主轴默认是垂直方向,即默认情况下不需要手动设置List方向,就可以构建一个垂直滚动列表

相关推荐
2601_949593656 小时前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9226 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233227 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88218 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
xiaoqi92210 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟10 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_1777673711 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin12332212 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_9209317012 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_9209317014 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos