import React, { Component } from 'react';
import RepoSearchBar from './components/RepoSearchBar';

export default class SearchScreen extends Component {
  render() {
    return (
      <RepoSearchBar />
    );
  }
}


import React, { Component } from 'react';
import { View } from 'react-native';
import RepoSearchBar from './components/RepoSearchBar';
import RepoSearchButton from './components/RepoSearchButton';

export default class SearchScreen extends Component {
  render() {
    return (
      <View style={{
        flex: 1,
        flexDirection: 'column',
      }}>
        <RepoSearchBar />
        <RepoSearchButton />
      </View>
    );
  }
}


Add button to main layout Encapsulate the page with a view so that the search bar appears at the top, the search button right below and when data is entered the list would be populated
Add button to main layout
Encapsulate the page with a view so that the search bar appears at the
top, the search button right below and when data is entered the list
would be populated
