Breaking News: Grepper is joining You.com. Read the official announcement!

react native scrollable

MAKSTYLE119 answered on February 7, 2022 Popularity 9/10 Helpfulness 6/10

answer react native scrollable

react native scrollable

Comment

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;

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: reactnative.dev

Tags: javascript react-native scrollable

Link to this answer
Share Copy Link

Contributed on Feb 07 2022

MAKSTYLE119

0 Answers Avg Quality 2/10

react native scrollable

Contents

More Related Answers

react native scrollable

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.