¿Es posible hacer una condición ternaria de modo que si {title} contiene parte del texto como "appl", entonces 'styles.label' se cambiará a 'styles.label_2'?
const Field = ({ title, info }: Props) => { return ( <View style={styles.container}> <Text style={styles.label}> {title} </Text> <Text style={styles.info}>{info ? info : ''} </Text> </View> ); };Puedes hacer eso con seguridad.
Lo siguiente verifica si la cadena de title contiene appl y, de ser así, use styles.label2 ; de lo contrario, use styles.label
<Text style={title.includes('appl') ? styles.label2 : styles.label}> {title} </Text>Si aplica un segundo estilo solo para ocultar cuando se evalúa como falso, prefiero evaluar antes de representar el componente; por lo tanto, si se evalúa como falso, nunca habrá ningún componente presente, en lugar de uno vacío:
const Field = ({ title, info }: Props) => { return ( <View style={styles.container}> <Text style={styles.label}> {title} </Text> {info && info.contains("appl") && (<Text style={styles.info}>{info} </Text>)} </View> ); };