아래 코드를 메인페이지 상단 (날씨 밑에 이미지)에 삽입하고싶은데요.

페인페이지에 어디에 삽입해야 하는지 잘 안되네요..조언 부탁드립니다!

import React, { Component } from "react";

import { StyleSheet, Text, View } from "react-native";

import { SliderBox } from "react-native-image-slider-box";

export default class App extends Component {

  constructor(df) {

    super(df);

    this.state = {

      images: [

        "https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2Fevent%2F9076916748318.jpg?alt=media&token=5b901a46-0979-431b-9ace-0dd4271b84d4",

        "https://source.unsplash.com/1024x768/?water",

        "https://source.unsplash.com/1024x768/?girl",

        "https://source.unsplash.com/1024x768/?tree",

    ]

    };

  }

  render() {

    return (

      <View style={styles.container}>

        <SliderBox

          images={this.state.images}

          onCurrentImagePressed={index =>

            console.warn(`image ${index} pressed`)

          }

        />

      </View>

    );

  }

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    borderRadius:1

  }

});