On my cellphone and internet, icons presently present as the wrong way up triangles when they need to be chosen icons.enter picture description right here
My code seems one thing like this:
import Ionicons from "react-native-vector-icons/Ionicons";
const feedName = "Feed";
const startWorkoutName = "StartWorkout";
const Tab = createBottomTabNavigator();
perform App() {
return (
<NavigationContainer>
<Tab.Navigator
initialRouteName={startWorkoutName}
model={{ backgroundColor: "#313131" }}
screenOptions={({ route }) => ({
tabBarStyle: {
peak: 90,
paddingHorizontal: 5,
paddingTop: 0,
backgroundColor: "#313131",
place: "absolute",
borderTopWidth: 0,
},
tabBarIcons: ({ centered, shade, dimension }) => {
let iconName;
let rn = route.identify;
if (rn === feedName) {
iconName = centered ? "house" : "home-outline";
} else if (rn === startWorkoutName) {
iconName = centered ? "ellipse" : "ellipse-outline";
}
return <Ionicons identify={iconName} dimension={dimension} shade={shade} />;
},
tabBarActiveTintColor: "#B31C45",
tabBarInactiveTintColor: "#F2F2F2",
})}
>
<Tab.Display screen identify="Feed" part={FeedScreen} />
<Tab.Display screen identify="Begin Exercise" part={StartWorkoutScreen} />
</Tab.Navigator>
</NavigationContainer>
);
}
export default App;
I am utilizing:
react-native-vector-icons”: “^9.2.0”,
The icons that must be displaying up ought to appear to be:enter picture description right here
Please let me know if there’s anything I ought to add!
I’ve scoured the web.
- I’ve appeared into react-native hyperlink, however it’s deprecated.
- react-native asset wasn’t useful
- expo r -c did not work