how to put text in the center react native

Comment

0

textAlign: 'center'

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: center javascript put react-native text

Share

Link to this answer
Share Copy Link

Contributed on Jun 09 2021

Donald Duck

0 Answers Avg Quality 2/10

android center text react native

Comment

10

  headline: {
    textAlign: 'center', // <-- the magic
    fontWeight: 'bold',
    fontSize: 18,
    marginTop: 0,
    width: 200,
    backgroundColor: 'yellow',
  }

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: android

Share

Link to this answer
Share Copy Link

Contributed on Jul 18 2020

Important Iguana

0 Answers Avg Quality 2/10

align text into center of container react native

Comment

1

const styles = StyleSheet.create({
  //Container or View that wraps text
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  text: {
    textAlign: "center",
  },

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: center ce

Share

Link to this answer
Share Copy Link

Contributed on Oct 15 2021

MadMan

0 Answers Avg Quality 2/10

Make Text Center In React-Native

Comment

0

<View style={{flex: 1, alignItems:'center', justifyContent:'center'}}>
    <Text>This is a screen</Text>
  </View>

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: center ce

Share

Link to this answer
Share Copy Link

Contributed on Sep 21 2022

Javasper

0 Answers Avg Quality 2/10

react native position text in center of view

Comment

1

// inside parent View component
justifyContent: "center",

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: center ce

Share

Link to this answer
Share Copy Link

Contributed on Sep 26 2022

VivaLaBagget

0 Answers Avg Quality 2/10

how to put text in the center react native

Contents

More Related Answers