Expected "," on inline css styling

Question

I have a dumb styling compile error.. Can anyone tell me the correct syntax... Here is my code...

<TouchableOpacity style={{marginRight:40}} onPress={() => this.handleBlueSelection}>
    <View style={this.state.blue_selected ? {styles.team_selected} : {null}}>
        <Image style={{height:30, width:30}} source={require('../../assets/images/blue.png')} />
    </View>
</TouchableOpacity>

Here is the error:

TransformError SyntaxError: C:\edit_profile.js: Unexpected token, expected "," (294:54)

I know is a dumb question but cannot find the correct syntax..

Thanks

So have a look @ line 294, char 54 then (C:\edit_profile.js) — Reto
– Reto, Commented Oct 31, 2020 at 16:21
that line : <View style={this.state.blue_selected ? {styles.team_selected} : {null}} > — Marco Martin
– Marco Martin, Commented Oct 31, 2020 at 17:04

Danny Buonocore · Accepted Answer · 2020-10-31 16:23:36Z

3

<View style={this.state.blue_selected ? {styles.team_selected} : {null}} >

styles.team_selected and null don't need braces around them. The reason the other style requires them is because you need to pass an object of styles (the first pair is to denote js, the second pair constructs the style object).

answered Oct 31, 2020 at 16:23

Danny Buonocore

3,7774 gold badges26 silver badges46 bronze badges

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

2 Comments

Marco Martin Over a year ago

this compiles but do not work. Either blue_selected is true or false always is null... styles.team_selected is never active

Danny Buonocore Over a year ago

Sounds like a completely different question altogether. But maybe take a look at this part here onPress={()=> this.handleBlueSelection}. You're not actually calling handleBlueSelection on press, you're just returning a reference to it.

Collectives™ on Stack Overflow

Expected "," on inline css styling

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related