/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 vote180 views1 answer
Reactstrap search bar
Javascript React
0 vote160 views1 answer
React is not iterable
Javascript React
0 vote152 views1 answer
Too many open files react native
Javascript React
0 vote178 views1 answer
React-router useNavigate
Javascript React
15 votes140 views6 answers
Axios react
Javascript React
0 vote142 views1 answer
Firebase timestamp to date react
Javascript React
1 vote159 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote169 views1 answer
React receiving socket muitple times
Javascript React
2 votes155 views1 answer
Combining two styles react native
Javascript React
2 votes148 views2 answers
React native scrollview detect end
Javascript React