当页面有左右滑动，并且下面的数据较长的时候，用swiper控制，会出现swiper-item的高度固定的情况。

解决办法：

1.<swiper style="height: {{clientHeight?clientHeight+'px':'auto'}}"> 

其中clickHeight的值为（获取屏幕高度）

wx.getSystemInfo({

success: function (res) {

that.setData({

clientHeight: res.windowHeight});}})

2.在swiper中套用一层<scroll>，代码如下：

<swiper-item>

<scroll-view scroll-y="true" style="height: auto">

<view class="context">

<template is="wxParse" data="{{wxParseData:article.nodes}}" />

</view>

</scroll-view>

</swiper-item>

这样里面的东西就可以自由放置了

Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter 鸿蒙化实战：flutter_app_badge 适配 OpenHarmony，应用角标数

随着鸿蒙生态的快速发展，越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期，大量常用三方库只有 Android / iOS 实现，鸿蒙侧只能自己造轮子。为了解决这个问题，对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配，统一托管在 GitCode 的下，全部通过 TAG 版本隔离、配套门禁编译验证，开箱即用。本篇是系列文章之一，主角是—

avatar 开源鸿蒙跨平台开发者社区

Flutter-OH应用生命周期

本文介绍 Flutter-OH（）在 OpenHarmony 上的两种集成方式：独立 Flutter 应用（Standalone Flutter app）与Add-to-App。二者为 Flutter 官方定义的主流嵌入路径，Flutter-OH 分别由承载，详见Flutter-OH核心对象简介。

avatar 开源鸿蒙跨平台开发者社区

Flutter-OH核心对象简介

本文介绍Embedding 核心对象在 Flutter-OH 中的作用及彼此协作关系。集成方式、生命周期回调与示例代码见Flutter-OH应用生命周期。与是 Embedding 的两类 Host 入口：前者用于独立 Flutter 应用，对接UIAbility生命周期；后者用于 Add-to-App，在 ArkUI 页面中以页面级 Host 承载 Flutter 模块。是二者共享的内部协调者，负

avatar 开源鸿蒙跨平台开发者社区