skip to Main Content

I’m trying to use React Native’s Stylesheet.create method in class component and I’m getting an error. This does work in functional components but not in class components. How can I resolve this issue?

2

Answers


  1. Declare the StyleSheet outside of the component.

    const styles = StyleSheet.create({
      ...
    });
    
    class NewComponent extends React. Component {
      ...
    
    Login or Signup to reply.
  2. import React, { Component } from "react";
    import { StyleSheet } from 'react-native';
    
    class App extends React.Component {
    
    render(){
      return (
        <View style={styles.container}>
    
        </View>
      )
    }
    };
    
    export default App;
    const styles = StyleSheet.create({
      container: {
        flex: 1,
      },
    })
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search