使用圖標庫 react-native-vector-icons 報錯

學習 react-navigation 時使用到了react-native-vector-icons，

原文中使用expo,

// You can import Ionicons from @expo/vector-icons if you use Expo or

// react-native-vector-icons/Ionicons otherwise.

import { Ionicons } from '@expo/vector-icons';

 

我並沒有expo   所以

　　import  {Ionicons}  from 'react-native-vector-icons/Ionicons';

 　npm install react-native-vector-icons,然后在 android\app\build.gradle  里面加上   apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"，就報了如下所示的錯誤：

 

看了TabBarIcon 並沒有錯誤，換了FontAWesome,不報錯誤，

錯誤原因    import  {Ionicons}  from 'react-native-vector-icons/Ionicons';   沒有{}

應為 import  Ionicons  from 'react-native-vector-icons/Ionicons';