Skip to main content
Version: 3.x

SwiperItem

仅可放置在 swiper 组件中,宽高自动设置为100%

参考文档

类型

ComponentType<SwiperItemProps>

示例代码

class App extends Component {
render () {
return (
<Swiper
className='test-h'
indicatorColor='#999'
indicatorActiveColor='#333'
vertical
circular
indicatorDots
autoplay>
<SwiperItem>
<View className='demo-text-1'>1</View>
</SwiperItem>
<SwiperItem>
<View className='demo-text-2'>2</View>
</SwiperItem>
<SwiperItem>
<View className='demo-text-3'>3</View>
</SwiperItem>
</Swiper>
)
}
}

SwiperItemProps

参数类型必填说明
itemIdstring该 swiper-item 的标识符

API 支持度

API微信小程序百度小程序支付宝小程序字节跳动小程序H5React Native
SwiperItemProps.itemId✔️✔️✔️✔️✔️✔️

注意

  • 不要为 SwiperItem 设置 style 属性,可以通过 class 设置样式。7147