【HarmonyOS NEXT应用开发】案例130：基于TextInput的常见自定义效果解决方案

场景描述

输入框一般用于来承载用户的信息录入，常用于搜索框、表单、对话框等场景。

场景一：TextInput实现输入框热搜词自动滚动及文字内容颜色渐变

输入框未获焦时热搜词自动滚动，输入框获焦时输入框热搜词暂停滚动，热搜词文字到输入框右侧时文字内容会渐变显示。

方案

1、用Stack组件堆叠Swiper和TextInput，让Swiper在TextInput中间显示核心代码。

Row() {
  Stack() {
    // 使用Stack堆叠Swiper和TextInput组件。
    Swiper() {
      // 使用ForEach组件循环搜索关键字数据
      ForEach(SEARCH_TEXT, (item: SearchTextModel) => {
        Text(item.searchText)
          .opacity(TEXT_OPACITY)
          .fontColor('#000000')
          .fontSize(14)
          .textAlign(TextAlign.Start)
          .width('100%')
      }, (item: SearchTextModel) => item.id.toString())
    }
    ...
    TextInput({ text: this