/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

0 vote313 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
0 vote260 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
1 vote318 views1 answer
React waypoint loadmore not working
Javascript React
0 vote341 views1 answer
React chunk file too large
Javascript React
0 vote289 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote299 views1 answer
React input cursor jump end
Javascript React
0 vote327 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
-1 vote303 views1 answer
Spotify player react
Javascript React
0 vote285 views1 answer
React features
Javascript React
1 vote290 views1 answer
React place div at center of page
Javascript React