Styling not working in all text view in react native

user_10578581 0
Viewed 115

Below is the code snippet of my screen, styling is working perfectly on 2 text views but not on the last one. Can anyone help me?

<View style={styles.userInfo}>
        <View style={styles.section}>
          <Text style={[header3,styles.space,baseColor]}>{this.state.data.postCount}</Text>
          <Text style={[secondary1, hintColor]}>Posts</Text>
        </View>
        <View style={styles.section}>
          <Text style={[header3,styles.space,baseColor]}>{formatNumber(this.state.data.followersCount)}</Text>
          <Text style={[secondary1, hintColor]}>Followers</Text>
        </View>
        <View style={styles.section}>
          <Text styles={[header3,styles.space,baseColor]}>{this.state.data.followingCount}</Text>
          <Text style={[secondary1, hintColor]}>Following</Text>
        </View>
      </View>
      <Gallery items={this.state.data.images} />
    </ScrollView>
react-native
3 Answers

You have extra s in the last text style

try this

<View style={styles.userInfo}>
        <View style={styles.section}>
          <Text style={[header3,styles.space,baseColor]}>{this.state.data.postCount}</Text>
          <Text style={[secondary1, hintColor]}>Posts</Text>
        </View>
        <View style={styles.section}>
          <Text style={[header3,styles.space,baseColor]}>{formatNumber(this.state.data.followersCount)}</Text>
          <Text style={[secondary1, hintColor]}>Followers</Text>
        </View>
        <View style={styles.section}>
          <Text style={[header3,styles.space,baseColor]}>{this.state.data.followingCount}</Text>
          <Text style={[secondary1, hintColor]}>Following</Text>
        </View>
      </View>
      <Gallery items={this.state.data.images} />
    </ScrollView>
user_70241560

Typo, styles, first Text

 <View style={styles.section}>
          <Text styles={[header3,styles.space,baseColor]}>{this.state.data.followingCount}</Text>
          <Text style={[secondary1, hintColor]}>Following</Text>
 </View>
user_48622550

You have mistakenly wrote styles instead of style i.e.: 

<Text **styles**={[header3,styles.space,baseColor]}>{this.state.data.followingCount}</Text>
      <Text style={[secondary1, hintColor]}>Following</Text>
    </View>
user_71775260
Related