我正在使用 react-native-snap-carousel 并且我認為我現在擁有的足以實作它,但我顯然錯過了一些東西。我在這里發布了一個小吃博覽會,準確地復制了我正在嘗試的內容以及下面的一些代碼。
謝謝你的任何見解,我比你知道的更感激。
export default class App extends React.Component {
state = {
coordinates: [
{name: 'TappRoom', },
{name: 'The Ale House', },
{name: 'Boone Saloon',},
{name: 'Ransom',},
],
}
renderCarouselItem = ({item}) => {
<View style={styles.cardContainer}>
<Text style={styles.name}>{item.name}</Text>
</View>
}
render(){
return (
<View style={styles.container}>
<Carousel
ref={(c) => { this._carousel = c; }}
data={this.state.coordinates}
renderItem={this.renderCarouselItem}
sliderWidth={Dimensions.get('window').width}
itemWidth={300}
removeClippedSubviews={false}
/>
</View>
);
}
}
uj5u.com熱心網友回復:
你錯過了return。將您的代碼更改為此
renderCarouselItem = ({item}) => {
return <View style={styles.cardContainer}>
<Text style={styles.name}>{item.name}</Text>
</View>
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/436924.html
標籤:反应式
