How to use Stylesheet.create in a class component?-CodePudding

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?

CodePudding user response：

Declare the StyleSheet outside of the component.

const styles = StyleSheet.create({
  ...
});

class NewComponent extends React. Component {
  ...

CodePudding user response：

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,
  },
})