fontFamily Material Icons不是系统字体,必须通过Exponent加载

时间:2017-06-28 20:07:41

标签: reactjs react-native material-ui exponent expo

我正在使用代码:

从react-native-vector图标导入Icon
import Icon from 'react-native-vector-icons/MaterialIcons';

好像连接正确。 我用来获取图标的代码是:

 <Tab              
     title={selectedTab === 'home' ? 'HOME' : 'Home'}
     renderIcon={() => <Icon containerStyle={{justifyContent: 'center', alignItems: 'center', marginTop: 12}} color={'#5e6977'} name='android' size={33} />}
     onPress={() => this.changeTab('home')}>
     <Text>Home</Text>
 </Tab>

我得到的完整错误是:

fontFamily&#39; Material Icons&#39;不是系统字体,并且尚未通过Exponent.Font.loadAsync加载。

  • 如果您打算使用系统字体,请确保正确输入名称并且设备操作系统支持该字体。

  • 如果这是自定义字体,请务必使用Exponent.Font.loadAsync加载它。

2 个答案:

答案 0 :(得分:4)

我认为您可能已经更改了Dim col As Long col = 1 Do Until Filename = vbNullString If Not Filename = ThisWB Then Set Wkb = Workbooks.Open(Filename:=Path & "\" & Filename) Set CopyRng = Wkb.Sheets(1).Range(Cells(RowofCopySheet, 1), Cells(ActiveSheet.UsedRange.Rows.Count, ActiveSheet.UsedRange.Columns.Count)) colLetter = Col_Letter(col) Set Dest = shtDest.Range(colLetter & shtDest.UsedRange.SpecialCells(xlCellTypeLastCell).Row + 1) CopyRng.Copy Dest Wkb.Close False col = col + 1 End If Filename = Dir() Loop ,您需要使用.babelrc使用react-native-vector-icons来处理Expo。请参阅我为您准备的示例项目,我所做的只是使用babel-preset-expo对其进行初始化,然后添加您为图标提供的代码:https://github.com/brentvatne/StackOverflow44811677

您的create-react-native-app应如下所示:https://github.com/brentvatne/StackOverflow44811677/blob/master/.babelrc

如果您想了解发生这种情况的原因,可以阅读此主题以获取更多信息:https://github.com/expo/vector-icons/issues/12

答案 1 :(得分:1)

图标实际上是字体,必须先加载。它们似乎有时会自动加载,而其他时间则不然。

因此,为了确保它们已加载,请执行以下操作:

  <ion-item style="margin-left: -5%"> 
                    <ion-label style="font-size:15px;">Valor em BRL</ion-label>

                 <ion-input type="number"  [disabled]="!tempreco()"  [(ngModel)]="amount_from"   placeholder="00,00" ></ion-input>
            </ion-item> 

          <button ion-button small outline round   stacked style=" margin-left: 20%;" (click)="usarSaldo()">Usar saldo</button>
             <ion-item style="margin-left: -5%"> 
                  <ion-label style="font-size:15px;">Valor em BTC</ion-label>

                 <ion-input type="number" [(ngModel)]="price"   placeholder="00,00" ></ion-input>

            </ion-item> 
                <ion-item>
              <ion-select [(ngModel)]="option" value="limitado">
                <ion-option value="MERC">Mercado</ion-option>
                <ion-option value="LMTD">Limitado</ion-option>
              </ion-select>
            </ion-item>

请在此处查看完整答案: http://javascriptrambling.blogspot.com/2018/03/expo-icon-fonts-with-react-native-and.html