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

react native typescript stylesheet

en garcon answered on November 10, 2022 Popularity 8/10 Helpfulness 7/10

answer react native typescript stylesheet

related Using a fucntion on stylesheet typescript react native

react native typescript stylesheet

Comment

import { StyleSheet, TextStyle, ViewStyle } from "react-native";

type Style = {
    container: ViewStyle;
    title: TextStyle;
    icon: ImageStyle;
};

export default StyleSheet.create<Style>({
    container: {
        flex: 1
    },
    title: {
        color: red
    },
    icon: {
        width: 10,
        height: 10
    }
});

Popularity 8/10 Helpfulness 7/10 Language typescript

Source: stackoverflow.com

Tags: react-native stylesheet typescript

Link to this answer
Share Copy Link

Contributed on Nov 10 2022

en garcon

0 Answers Avg Quality 2/10

Closely Related Answers

Using a fucntion on stylesheet typescript react native

Comment

export default StyleSheet.create<Styles | any>({
  button: (height: number, width: string, color: string) => ({
    height: height,
    width: width,
    backgroundColor: color,
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: 10,
  }),
});

Popularity 4/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: using react-native stylesheet typescript whatever

Link to this answer
Share Copy Link