Стиль React Native Change по состоянию

Похоже, вы ссылаетесь на item1 как на ключ, если вы пытаетесь использовать элемент состояния, который вам нужен, чтобы использовать this.state.item1.

<Image key = {"this.state.item1"} style = {this.state.item1 && styles.onfocus} source = {{ uri: 
'https://github.com/c-bata/react-native-focus- 
scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

Однако ключ не должен быть логическим значением, он должен быть уникальным идентификатором.

Используйте это, это должно работать

<Image key = {"item1"} style = {this.state.item1 === 'your_condition' ? styles.onfocus : style.another_styles} source = {{ uri: 'https://github.com/c-bata/react-native-focus-scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

Используйте тернарные операторы для отображения стилей по условиям:

"(условие)? удовлетворительное_условие: неудовлетворительное_условие"

<Image key = {"item1"} style = {(this.state.item1==true) ? styles1 : style2} source = {{ uri: 'https://github.com/c-bata/react-native-focus-scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

Ты можешь сделать это.

<Image key = {"item1"} 
    style = {this.state.item1 ? styles.onfocus : {}} 
    source = {{ uri: 'https://github.com/c-bata/react-native-focus-scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} 
/>