/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

-1 vote314 views6 answers
Set image as background react
Javascript React
0 vote338 views1 answer
React bootstrap carousel caption placement top
Javascript React
0 vote385 views1 answer
Ngrok react.js
Javascript React
0 vote383 views1 answer
Get lat and long from address in react js
Javascript React
0 vote365 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
5 votes419 views4 answers
React route multiple components
Javascript React
2 votes350 views2 answers
How to export multiple functions react from one file
Javascript React
3 votes347 views2 answers
React focus
Javascript React
7 votes363 views3 answers
React route props
Javascript React
0 vote380 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React