鸿蒙怎么用PageSlider写实现页面滑动且页面里面有图片和名字

要使用PageSlider实现页面滑动，您需要按照以下步骤操作：

在页面中引入PageSlider组件：

import { PageSlider } from '@tarojs/components'

在页面state中定义初始数据，包括页面数量、当前页面索引以及每个页面的数据：

state = {
  pages: 3, // 页面数量
  currentPage: 0, // 当前页面索引
  pageData: [
    {
      name: '页面1',
      imgUrl: 'https://example.com/img1.png'
    },
    {
      name: '页面2',
      imgUrl: 'https://example.com/img2.png'
    },
    {
      name: '页面3',
      imgUrl: 'https://example.com/img3.png'
    }
  ]
}

在render函数中渲染PageSlider组件，并将每个页面的数据传递给子组件：

render () {
  const { pages, currentPage, pageData } = this.state

  return (
    <PageSlider
      current={currentPage}
      duration={300}
      style={{ height: '100vh' }}
      onChange={this.handlePageChange}
    >
      {pageData.map((page, index) => (
        <View key={index}>
          <Image src={page.imgUrl} />
          <Text>{page.name}</Text>
        </View>
      ))}
    </PageSlider>
  )
}

实现handlePageChange函数，用于更新当前页面索引：

handlePageChange = (e) => {
  this.setState({
    currentPage: e.detail.current
  })
}

通过以上步骤，您就可以使用PageSlider实现页面滑动，且页面里面有图片和名字了