0
私はアプリケーションを構築しており、反応ネイティブアイコンの 問題があります。これは問題のイメージです。いくつかの反応ネイティブベクターアイコンは表示されません
私は、このリンクに続く: https://github.com/oblador/react-native-vector-icons#icon-component をし、私はフォントが アンドロイド/アプリ/ srcに/メイン/資産/フォントにコピーされることを確認しました、アンドロイド/アプリを削除/ フォルダを構築します。最後に、私はネイティブパッケージを再起動しましたが、最初に良い結果を返すのは でした。この問題を解決するには?
これは私のコードです:
import React, { Component } from 'react';
import { Image, StyleSheet, View } from 'react-native';
import { Container, Header, Content, Card, CardItem, Right, Left, Thumbnail, Body, Text, Button, Icon } from 'native-base';
export default class SideMenu extends Component {
render() {
return (
<Container style={{ flex:1, backgroundColor:'#fcfcfc' }}>
<Content>
<Body style={{ justifyContent: 'center' }}>
<Image style={{ position: 'relative'}} source={require('../../../image/imac.jpg')}/>
<View style={bao.cover}>
<Thumbnail square source={require('../../../image/ava.jpg')} style={{borderRadius:40}}/>
<Text style={{ color:'#fff', flex:1, lineHeight:40, fontSize:18 }}> Vu Nguyen </Text>
</View>
</Body>
<Card>
<CardItem>
<Icon name="home" />
<Text>Home</Text>
</CardItem>
<CardItem>
<Icon name="news" />
<Text>Home</Text>
</CardItem>
</Card>
</Content>
</Container>
);
}
}
const bao = StyleSheet.create({
cover:{
position:'absolute',
flex: 1,
flexDirection: 'row',
marginLeft:30,
top: 170
}
})
あなたが指定したアイコンの名前は何ですか? – Hariks
私のアイコンは「ニュース」 –
上記の問題を解決できますか? –