javascript - Conditionally set attribute on component

Question

For my Overlay I am trying to only set the height: 'auto' when the screen width is 320 pixels wide.

Can anyone help?

    const windowWidth = Dimensions.get("window").width;
    const styles = StyleSheet.create({
      container: [
        {
          padding: 0,
        },
        windowWidth === 320 && { height: "auto" },
      ],...

  return (
    <Overlay
      isVisible={modalVisible}
      overlayStyle={styles.container}
      overlayBackgroundColor="#fff"
    >

Answer 1

Try this way

 const newStyle = windowWidth === 320 ? { height: "auto"} : {};
  const containerStyle = [
        {
          padding: 0,
        },
        newStyle
      ] 

  return (
    <Overlay
      isVisible={modalVisible}
      overlayStyle={containerStyle}
      overlayBackgroundColor="#fff"
    >