/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 vote403 views1 answer
Type svg react
Javascript React
0 vote384 views1 answer
Content uri react native fs
Javascript React
1 vote411 views4 answers
Notification react native
Javascript React
0 vote411 views1 answer
Url in listitem react
Javascript React
18 votes379 views6 answers
React native release apk command
Javascript React
1 vote398 views1 answer
React-redux todo list
Javascript React
3 votes406 views1 answer
React router Link does work
Javascript React
1 vote398 views1 answer
Type writer in react
Javascript React
1 vote339 views3 answers
Antd react
Javascript React
-1 vote404 views1 answer
Command not found:create-react-app
Javascript React