title: Ternary Operator React Native in StyleSheet
body: <p>Is there a way to use the Ternary Operator in the <code>StyleSheet</code>?</p>
  <p>Currently, my <code>TextInput</code> looks as such:</p>
  <p><strong>.tsx</strong></p>
  <pre><code>&lt;TextInput
    defaultValue={selectedEvent ? selectedEvent.title : &quot;&quot;}
    style={[
      styles.textInput,
      { color: colorScheme === &quot;dark&quot; ? &quot;#ffffff&quot; : &quot;#000000&quot; },
    ]}
    onChangeText={inputChangeHandler}
  /&gt;
  </code></pre>
  <p><strong>StyleSheet</strong></p>
  <pre><code>const styles = StyleSheet.create({
    textInput: {
      borderBottomColor: &quot;#ccc&quot;,
      borderBottomWidth: 1,
      marginBottom: 15,
      paddingVertical: 4,
      paddingHorizontal: 2,
    },
  })
  </code></pre>
  <p>It'd be nice not to combine internal and external styles.</p>