javascript - 如何使用 Nativebase.io 库在 React Native 中添加背景图像

Question

如何使用 Nativebase.io 库在 React Native 中添加背景图像。

我有一个屏幕，我想在其中添加背景图像，屏幕的所有其他组件都位于背景图像的中心。

标签： javascriptnode.jsreact-native

Answer 1

在这里，您有我的建议，例如。你可以检查一下，在这里试试（基本- 完成下面的代码）。

import React from "react"
import { Image, Center, NativeBaseProvider } from "native-base"
export function Example() {
  return (
    <Image
      source={{
        uri: "https://wallpaperaccess.com/full/317501.jpg",
      }}
      alt="Alternate Text"
      size="100%"
      resizeMode="cover"
    />
  )
}

export default () => {
  return (
    <NativeBaseProvider>
      <Center flex={1} px="0">
        <Example />
      </Center>
    </NativeBaseProvider>
  )
}