/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

114 votes275 views3 answers
Run react app
Javascript React
2 votes208 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote221 views1 answer
Botão delete no reactjs com class component
Javascript React
0 vote276 views1 answer
Which algorithm React is used to compare dom?
Javascript React
24 votes215 views6 answers
Shadow react native
Javascript React
0 vote237 views1 answer
React replace all line breaks with br
Javascript React
0 vote232 views4 answers
React router v6
Javascript React
0 vote213 views1 answer
How we can set react select required
Javascript React
0 vote274 views1 answer
Notification bell icon bootstrap react
Javascript React
0 vote239 views1 answer
React Calender Style
Javascript React