/Javascript/React/React native scrollable

React native scrollable

import React from 'react';
import { StyleSheet, Text, SafeAreaView, ScrollView, StatusBar } from 'react-native';

const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <ScrollView style={styles.scrollView}>
        <Text style={styles.text}>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
          aliquip ex ea commodo consequat. Duis aute irure dolor in
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
          culpa qui officia deserunt mollit anim id est laborum.
        </Text>
      </ScrollView>
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: StatusBar.currentHeight,
  },
  scrollView: {
    backgroundColor: 'pink',
    marginHorizontal: 20,
  },
  text: {
    fontSize: 42,
  },
});

export default App;

Source: reactnative.dev

Similar codes

5 votes165 views4 answers
React route multiple components
Javascript React
1 vote142 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
0 vote140 views2 answers
React useEffect prevent first time
Javascript React
2 votes144 views2 answers
React detect screen size
Javascript React
4 votes131 views2 answers
React countdown timer
Javascript React
0 vote145 views2 answers
React import image with url
Javascript React
0 vote176 views1 answer
How to add abutton component to drawer in react native
Javascript React
3 votes154 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote142 views1 answer
Dropdown menu in react does not re render the component
Javascript React
1 vote156 views1 answer
Type writer in react
Javascript React