/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

157 votes759 views6 answers
Create new react app
Javascript React
0 vote184 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
11 votes229 views3 answers
Shadow border react native
Javascript React
2 votes188 views2 answers
React Hook Form
Javascript React
2 votes137 views1 answer
Function component react form
Javascript React
0 vote176 views1 answer
React border radius
Javascript React
1 vote192 views1 answer
Reactnavigation 5 hide header
Javascript React
0 vote207 views1 answer
React native layout animation android
Javascript React
0 vote230 views1 answer
React native run-android --release
Javascript React
0 vote171 views1 answer
Ios react native detect locale
Javascript React