хочу сделать уже какую-то целостную страницу, но я не могу понять, как мне объединить вызов нескольких компонентов?
Есть у меня App.js с главное функцией и есть несколько других компонентов, для примера, ButtonComponent.js:
const ButtonComponent = (message) => {
return(
<View style={styles.container}>
<TouchableOpacity style={styles.button}>
<Text>{message}</Text>
</TouchableOpacity>
</View>
);
}
И есть ещё SearchBar.js:
export default () => {
return(
<View style={styles.searchBarOutsideContainer}>
<TextInput placeholder="Search here..." style={styles.searchBarInsideContainer}></TextInput>
<TouchableOpacity style={styles.searchButton}>
<Image
style={styles.searchImage}
source={require('../assets/searchBtnIcon.png')}></Image>
</TouchableOpacity>
</View>
)
}
Как мне объединить вызов этих компонент в App.js?
UPD: за оглавление вопроса простите, я просто не знаю как это назвать ещё
