How to use Stylesheet.create in a class component?

Question

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?

Abe · Accepted Answer · 2022-07-31 19:12:19Z

1

Declare the StyleSheet outside of the component.

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

class NewComponent extends React. Component {
  ...

answered Jul 31, 2022 at 19:12

Abe

5,6082 gold badges17 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2024-12-16 00:00:45Z

0

import React, { Component } from "react";
import { StyleSheet, View } 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,
  },
})

edited Dec 16, 2024 at 0:00

CommunityBot

11 silver badge

answered Jul 31, 2022 at 19:37

Usman Rafique Khokhar

12 bronze badges

Collectives™ on Stack Overflow

How to use Stylesheet.create in a class component?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related