/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

23 votes405 views6 answers
React hooks useeffect
Javascript React
6 votes356 views1 answer
React native loading
Javascript React
0 vote340 views1 answer
React download file from express res.download
Javascript React
0 vote337 views2 answers
React useEffect prevent first time
Javascript React
112 votes390 views5 answers
Command to create react app
Javascript React
0 vote373 views1 answer
Javascript react reverse map
Javascript React
0 vote321 views1 answer
Select checkbox raitng in order javascript React
Javascript React
-1 vote313 views3 answers
Instalar react native paper
Javascript React
0 vote403 views1 answer
Discord bot remove message reaction
Javascript React
0 vote363 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React