Question

我正在尝试使用我的本机应用程序的背景，这是我的代码。

  render() {
    return (
      <View 
         style={{
             alignItems: 'center',
             flex:1}}>
        <Image 
           source={darkwallpaper} 
           style={{
             flex: 1, 
             width: '100%'}}/> 
        <View  
           style={{
              position: 'absolute',
              justifyContent: 'center',
              alignItems: 'center'}}>
          <ScrollView>
             <Text>This is the random Top page</Text>
             <Image 
                source={homemoviespic} 
                style={{width: '100%'}}/>
             <TopMovies />
         </ScrollView>
       </View>
      )
    }

现在，背景显示但是scrollview无效。我不能滚动，我只能在scrollview中看到一些内容。请帮忙。

Answer 1

找到了一个名为ImageBackground的东西，它可以将图像放在背景中，你可以把孩子放在标签里。

Answer 2

不再支持具有嵌套内容的

<Image>。使用<ImageBackground>，而不是

<ImageBackground style={styles} source={source} resizeMode={resizeMode} >
  {children}
</ImageBackground>

如何在React native中放置图像背景？

2 个答案: