const Separator = () => (
  <View style={styles.separator} />
);

const App = () => (
    <View style={styles.container}>
        <Text>Első</Text>
        <Separator />
        <Text>Második</Text>
    </View>
);


const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    marginHorizontal: 16,
  },
  separator: {
    marginVertical: 8,
    borderBottomColor: 'black',
    borderBottomWidth: StyleSheet.hairlineWidth,
    width: '100%',
  },
});

export default App;