Question

我希望能够将很多动画作为背景。

这是我目前使用native-base和expo的即时通讯。

<Container>
        <Header
          iosBarStyle
          androidStatusBarColor
          style={{ backgroundColor: "#222831" }}
        >
          <Body
            style={{
              flex: 1,
              justifyContent: "center",
              alignItems: "center",
            }}
          ></Body>
        </Header>
        <Content>
          <Button
            block
            style={{ margin: 20, marginTop: 150 }}
            primary
            onPress={() => {
              this.props.navigation.navigate("Login");
            }}
          >
            <Text>LOGIN</Text>
          </Button>
          <Button
            block
            style={{ margin: 20, marginTop: 20 }}
            success
            onPress={() => {
              this.props.navigation.navigate("Signup");
            }}
          >
            <Text>SIGNUP</Text>
          </Button>
        </Content>
      </Container>

我希望具有相同的布局，但我希望将抽奖动画作为背景而不是白色背景。

如何处理布局。我知道如何添加抽奖动画，但我不知道如何在顶部放置相同的布局。

这是我当前的布局：

如何使用Expo将Lottie动画设置为背景动画

0 个答案: