/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 vote294 views1 answer
Open sans font react js
Javascript React
4 votes262 views3 answers
Get params in react router dom v6
Javascript React
0 vote279 views1 answer
Stateprovider.js react
Javascript React
1 vote276 views1 answer
Share file in react native
Javascript React
0 vote263 views2 answers
Loader in react
Javascript React
23 votes262 views4 answers
Click to copy react
Javascript React
2 votes247 views2 answers
React aws s3 npm
Javascript React
0 vote251 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote312 views1 answer
Onclick inline function react
Javascript React
0 vote284 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React