/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 vote332 views1 answer
Reactnative print in ios
Javascript React
0 vote327 views1 answer
Altenrive for react native
Javascript React
0 vote257 views0 answer
React
Javascript React
0 vote303 views1 answer
Upload image file in react native using rest api to website
Javascript React
69 votes348 views6 answers
React icon
Javascript React
-1 vote309 views1 answer
React-native run-ios command
Javascript React
1 vote323 views1 answer
Type writer in react
Javascript React
0 vote286 views1 answer
How to hide footer in specefic pages in react router
Javascript React
1 vote350 views2 answers
Open websute react native
Javascript React
0 vote315 views1 answer
Ipa failed react native after processing
Javascript React