CodeGenie HarmonyOS 鸿蒙Next

可以尝试一下调整提问方式看看，比方说“帮我写一个评论的页面，可以滚动的那种”、“用ArkTS实现一个支持滚动的页面，展示用户评论”等等（列举的这两个应该都可以正常生成），可以稍微多试几种不同的说法。

另外下面是一些其它的可能的参考代码：

[@Entry](/user/Entry)
[@Component](/user/Component)
struct CommentPage {
  private commentController: ScrollController = new ScrollController()
build() {
Scroll(this.commentController) {
Column() {
//这里是评论区的内容
}
}
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

这段代码定义了一个名为CommentPage的组件，它是一个页面组件,用于显示评论区的内容。在这个组件中，定义了一个名为commentController的ScrollController对象，用于控制页面的滚动行为。在build方法中，使用Scroll组件包裹了一个Column组件，Column组件用于垂直排列子组件，这里可以添加评论区的具体内容。

@Entry
@Component
struct CommentPage {
@State commentList: Array<string> = []

aboutToAppear() {
for (let i = 0; i < 100; i++) {
this.commentList.push(i.toString())
}
}
build() {
Column() {
List({ space: 2 }) {
ForEach(this.commentList, (item: string) => {
ListItem() {
Row() {
Text(item)
.width(‘100%’)
.fontSize(20)
.textAlign(TextAlign.Start)
}
}
}, (item: string) => item)
}
.listDirection(Axis.Vertical)
.scrollBar(BarState.Off)
.friction(0.6)
.divider({ strokeWidth: 1, color: Color.Black, startMargin: 10, endMargin: 10 })
.edgeEffect(EdgeEffect.None)
.width(‘95%’)
.height(‘80%’)
}
}
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

这段代码使用了一个状态变量commentList来存储评论列表，并在组件即将出现时(即在aboutToAppear生命周期方法中)填充这个列表。然后，在build方法中，它创建了一个Column组件，其中包含一个List组件，用于显示评论列表。List组件中的每个ListItem代表一个评论，并且使用ForEach方法来渲染每个评论。最后，List组件被配置为垂直滚动、关闭滚动条、设置摩擦系数、添加分隔线、禁用边缘效果，并设置宽度和高度。