feat: react-native-vector-icons/Ionicons (0a383897) · 提交 · 朱传永 / vt-rn-pre-study

android/app/build.gradle

+2 −0

原始行号	差异行号	差异行
		@@ -216,4 +216,6 @@ task copyDownloadableDepsToLibs(type: Copy) {
		into 'libs'
		}

		apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

		apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

package.json

+2 −1

原始行号	差异行号	差异行
		@@ -26,7 +26,8 @@
		"react-native-gesture-handler": "^1.9.0",
		"react-native-reanimated": "^1.13.2",
		"react-native-safe-area-context": "^3.1.9",
		"react-native-screens": "^2.15.2"
		"react-native-screens": "^2.15.2",
		"react-native-vector-icons": "^8.0.0"
		},
		"devDependencies": {
		"@babel/core": "^7.8.4",

src/router/TabsNavigation.js

+21 −7

原始行号	差异行号	差异行
		@@ -2,14 +2,14 @@
		* @Author: zhuchuanyong
		* @Date: 2021-01-26 10:17:27
		* @LastEditors: zhuchuanyong
		* @LastEditTime: 2021-01-26 11:36:54
		* @LastEditTime: 2021-01-26 13:21:57
		* @FilePath: \src\router\TabsNavigation.js
		*/

		import React from 'react';
		import {NavigationContainer} from '@react-navigation/native';
		import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
		// import Ionicons from 'react-native-vector-icons/Ionicons';
		import Ionicons from 'react-native-vector-icons/Ionicons';
		import Home from '../views/Home';
		import Details from '../views/Details';
		const Tab = createBottomTabNavigator();
		@@ -18,15 +18,29 @@ export default function App() {
		return (
		<NavigationContainer>
		<Tab.Navigator
		screenOptions={({route}) => ({
		tabBarIcon: ({focused, color, size}) => {
		let iconName;

		if (route.name === 'Home') {
		iconName = 'ios-information-circle';
		// iconName = focused
		// ? 'ios-information-circle'
		// : 'ios-information-circle-outline';
		} else if (route.name === 'Details') {
		// iconName = focused ? 'ios-list-box' : 'ios-list';
		iconName = 'ios-list';
		}

		// You can return any component that you like here!
		return <Ionicons name={iconName} size={size} color={color} />;
		},
		})}
		tabBarOptions={{
		activeTintColor: 'tomato',
		inactiveTintColor: 'gray',
		}}>
		<Tab.Screen
		options={{title: '首页', iconName: 'ios-information-circle'}}
		name="Home"
		component={Home}
		/>
		<Tab.Screen options={{title: '首页'}} name="Home" component={Home} />
		<Tab.Screen name="Details" component={Details} />
		</Tab.Navigator>
		</NavigationContainer>

yarn.lock

+106 −1

原始行号	差异行号	差异行
		@@ -2140,6 +2140,15 @@ cliui@^6.0.0:
		strip-ansi "^6.0.0"
		wrap-ansi "^6.2.0"

		cliui@^7.0.2:
		version "7.0.4"
		resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
		integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
		dependencies:
		string-width "^4.2.0"
		strip-ansi "^6.0.0"
		wrap-ansi "^7.0.0"

		clone@^1.0.2:
		version "1.0.4"
		resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
		@@ -2655,6 +2664,11 @@ es-to-primitive@^1.2.1:
		is-date-object "^1.0.1"
		is-symbol "^1.0.2"

		escalade@^3.1.1:
		version "3.1.1"
		resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
		integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==

		escape-html@~1.0.3:
		version "1.0.3"
		resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
		@@ -3278,7 +3292,7 @@ gensync@^1.0.0-beta.1:
		resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
		integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==

		get-caller-file@^2.0.1:
		get-caller-file@^2.0.1, get-caller-file@^2.0.5:
		version "2.0.5"
		resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
		integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
		@@ -4599,16 +4613,61 @@ locate-path@^5.0.0:
		dependencies:
		p-locate "^4.1.0"

		lodash._reinterpolate@^3.0.0:
		version "3.0.0"
		resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
		integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=

		lodash.debounce@^4.0.8:
		version "4.0.8"
		resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
		integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=

		lodash.frompairs@^4.0.1:
		version "4.0.1"
		resolved "https://registry.yarnpkg.com/lodash.frompairs/-/lodash.frompairs-4.0.1.tgz#bc4e5207fa2757c136e573614e9664506b2b1bd2"
		integrity sha1-vE5SB/onV8E25XNhTpZkUGsrG9I=

		lodash.isequal@^4.5.0:
		version "4.5.0"
		resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
		integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=

		lodash.isstring@^4.0.1:
		version "4.0.1"
		resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
		integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=

		lodash.omit@^4.5.0:
		version "4.5.0"
		resolved "https://registry.yarnpkg.com/lodash.omit/-/lodash.omit-4.5.0.tgz#6eb19ae5a1ee1dd9df0b969e66ce0b7fa30b5e60"
		integrity sha1-brGa5aHuHdnfC5aeZs4Lf6MLXmA=

		lodash.pick@^4.4.0:
		version "4.4.0"
		resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3"
		integrity sha1-UvBWEP/53tQiYRRB7R/BI6AwAbM=

		lodash.sortby@^4.7.0:
		version "4.7.0"
		resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
		integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=

		lodash.template@^4.5.0:
		version "4.5.0"
		resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
		integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
		dependencies:
		lodash._reinterpolate "^3.0.0"
		lodash.templatesettings "^4.0.0"

		lodash.templatesettings@^4.0.0:
		version "4.2.0"
		resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
		integrity sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==
		dependencies:
		lodash._reinterpolate "^3.0.0"

		lodash.throttle@^4.1.1:
		version "4.1.1"
		resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
		@@ -5839,6 +5898,20 @@ react-native-swipeout@^2.3.6:
		prop-types "^15.5.10"
		react-tween-state "^0.1.5"

		react-native-vector-icons@^8.0.0:
		version "8.0.0"
		resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-8.0.0.tgz#deb8b344ff68ea67f4659c8de493fef8a9e717d2"
		integrity sha512-u3NWvO+b7nTCxx7IU4EzukFyiApHdpjbsjKgMFEI2Ma+r1Mq48s0ajvBCIPI7LCgKBGYclOxWmMV9DHV2cJFlw==
		dependencies:
		lodash.frompairs "^4.0.1"
		lodash.isequal "^4.5.0"
		lodash.isstring "^4.0.1"
		lodash.omit "^4.5.0"
		lodash.pick "^4.4.0"
		lodash.template "^4.5.0"
		prop-types "^15.7.2"
		yargs "^16.1.1"

		react-native@0.63.4:
		version "0.63.4"
		resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.63.4.tgz#2210fdd404c94a5fa6b423c6de86f8e48810ec36"
		@@ -7256,6 +7329,15 @@ wrap-ansi@^6.2.0:
		string-width "^4.1.0"
		strip-ansi "^6.0.0"

		wrap-ansi@^7.0.0:
		version "7.0.0"
		resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
		integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
		dependencies:
		ansi-styles "^4.0.0"
		string-width "^4.1.0"
		strip-ansi "^6.0.0"

		wrappy@1:
		version "1.0.2"
		resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
		@@ -7357,6 +7439,11 @@ y18n@^4.0.0:
		resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.1.tgz#8db2b83c31c5d75099bb890b23f3094891e247d4"
		integrity sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==

		y18n@^5.0.5:
		version "5.0.5"
		resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.5.tgz#8769ec08d03b1ea2df2500acef561743bbb9ab18"
		integrity sha512-hsRUr4FFrvhhRH12wOdfs38Gy7k2FFzB9qgN9v3aLykRq0dRcdcpz5C9FxdS2NuhOrI/628b/KSTJ3rwHysYSg==

		yallist@^2.1.2:
		version "2.1.2"
		resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
		@@ -7383,6 +7470,11 @@ yargs-parser@^18.1.2:
		camelcase "^5.0.0"
		decamelize "^1.2.0"

		yargs-parser@^20.2.2:
		version "20.2.4"
		resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
		integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==

		yargs@^14.2.0:
		version "14.2.3"
		resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.3.tgz#1a1c3edced1afb2a2fea33604bc6d1d8d688a414"
		@@ -7416,3 +7508,16 @@ yargs@^15.1.0, yargs@^15.3.1:
		which-module "^2.0.0"
		y18n "^4.0.0"
		yargs-parser "^18.1.2"

		yargs@^16.1.1:
		version "16.2.0"
		resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
		integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
		dependencies:
		cliui "^7.0.2"
		escalade "^3.1.1"
		get-caller-file "^2.0.5"
		require-directory "^2.1.1"
		string-width "^4.2.0"
		y18n "^5.0.5"
		yargs-parser "^20.2.2"