我们正在为AndroidTV构建React Native应用,并且我们有一些图像,例如电影封面,我们希望对所选项目显示良好的视觉反馈,例如在所附图片中,我们如何才能在RN中实现这一点,现在它所显示的一切都是微弱的覆盖甚至不清楚。
这是我们当前的代码:
<View>
<FlatList
style={styles.elements}
data={this.state.movies}
horizontal={true}
keyExtractor={(item, index) => item.id }
renderItem={({item, index}) =>
<TouchableOpacity onPress={this._onPressButton} style={{}}>
<View style={{backgroundColor: 'gray',width: 110,height: 160 }}>
<Image source={{uri: ConstantClass.ImageUrlCMS + item.poster}} style={{height: 150, width: 100, margin: 5}}/>
</View>
</TouchableOpacity>
}
/>
</View>
我们想要的焦点示例: