React native - Скользящие фоновые изображения с некоторым статическим содержимым сверху - PullRequest
Новая
       18

React native - Скользящие фоновые изображения с некоторым статическим содержимым сверху

0 голосов
/ 26 мая 2018

ImageBackground берет одно изображение, и я смог добавить дочерний вид, который имеет изображение и немного текста.Тем не менее, я хотел бы, чтобы фоновая работа была похожа на карусель изображений, в то время как дочерний вид остается в исходном режиме.Есть ли способ добиться этого?

Что у меня сейчас есть: 

<ImageBackground style= {styles.headerBackground} source={require('./img/headerBg.jpg')}>
    <View style={styles.top}>
        <Avatar
            small
            rounded
            icon={{name: 'menu'}}
            onPress={() => console.log("Works!")}
            activeOpacity={0.7}
        />               
    </View>
    <View style = {styles.header}>
        <Avatar
            large
            source={require('./img/profBg.jpg')}
            avatarStyle={{ borderWidth: 3, borderColor: 'white',  borderStyle:'solid' }}
            onPress={() => console.log("Works!")}
            activeOpacity={0.7}
        />
        <Text style={styles.name}>Name</Text>
        <Text style={styles.message}> Personal message</Text>
    </View>
</ImageBackground>

Вместо одного изображения на заднем плане я хотел бы получить карусель /Скользящие изображения.Может кто-нибудь помочь, пожалуйста?

1 Ответ

0 голосов
/ 26 мая 2018

<ImageBackground> это просто <View> с <Image style={{position:'absolute'}} /> внутри.Источник в ImageBackground - https://github.com/facebook/react-native/blob/c6b96c0df789717d53ec520ad28ba0ae00db6ec2/Libraries/Image/ImageBackground.js#L63

Итак, вы можете сделать то же самое, просто поместите несколько изображений и, возможно, одного из родителей, например: 

<View>
    <View style={{ position:'absolute' }}>
        <Image />
        <Image />
        <Image />
        <Image />
    </View>
</View>
...