作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个选择器组件,有两种语言选择:法语和韩语。我想在每个文本组件旁边添加一个标志的图标/图片。想要这样的东西:
我没有看到任何有关在 documentation 中添加图标的信息除了安装像react-native-modal-dropdown这样的东西之外,还有其他方法可以做到这一点吗?我想避免安装任何额外的东西。
最佳答案
由于我自己正在寻找解决方案,因此我尝试了我在之前的评论中引用的解决方案,但我无法使其适用于默认的 RN 选择器。我发现的是,您可以使用 Unicode 表情符号(感谢 hippietrail 的评论发现 here )。因此,只需从某处复制您想要的标志表情符号(我使用 emojipedia )并将其放入 label 属性中。这是一个非常简单的示例,说明了其工作原理
export default class App extends Component {
state = {
language: ''
};
render() {
return (
<View style={styles.container}>
<Picker
selectedValue={this.state.language}
style={{ height: 50, width: 200 }}
onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
<Picker.Item label="🇰🇷 South Korea" value="ko" />
<Picker.Item label="🇫🇷 France" value="fr" />
</Picker>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
});
其中🇰🇷和🇫🇷是我从表情符号百科复制的unicode表情符号。这就是它在Android中的样子(在 iOS 中看起来类似)
关于react-native - 如何在 React Native 中将图标/图像添加到我的选择器项目中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48164917/
我是一名优秀的程序员,十分优秀!