Как использовать реагирующие векторные иконки с реагирующей нативной бумагой на iOS? ⇐ IOS
Как использовать реагирующие векторные иконки с реагирующей нативной бумагой на iOS?
Я разрабатываю нативное приложение для iOS и использую React-native-paper и React-native-vector-icons. Я выполнил все шаги по установке и настройке как в документации React Native Paper, так и в документации по векторным значкам. Я пытаюсь использовать [шрифт Material Icons из Google Fonts][1], но независимо от того, что я добавляю в свойство icon="", я получаю вопросительный знак. Иногда это простой вопросительный знак, а иногда — ? внутри коробки.
[![проблема со значком][2]][2]
Мой код для этого экрана:
import {Button, TextInput} из 'react-native-paper'; импортировать {useRecoilState} из «отдачи»; импортировать {passwordState, usernameState} из «../recoil/store»; экспортировать const LoginScreen = () => { const [имя пользователя, setUsername] = useRecoilState(usernameState); const [пароль, setPassword] = useRecoilState(passwordState); возвращаться ( setUsername(текст)} /> setPassword(текст)} /> Авторизоваться ); }; Мой package.json:
"name": "CoWallet", "версия": "0.0.1", «частное»: правда, "скрипты": { "android": "реагировать на собственный запуск Android", "ios": "react-native run-ios", "линт": "эслинт .", "start": "реагировать на собственный старт", "тест": "шутка" }, "зависимости": { "@react-native-firebase/app": "^18.1.0", "@react-native-firebase/firestore": "^18.1.0", "@react-navigation/native": "^6.1.7", "@react-navigation/native-stack": "^6.9.13", "реагировать": "18.2.0", "реагировать-родной": "0.72.1", "реагировать-родная-бумага": "^5.9.0", "react-native-safe-area-context": "^4.6.3", "реагировать-родные-экраны": "^3.22.0", "react-native-vector-icons": "^9.2.0", "отдача": "^0.7.7" }, "devDependency": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/eslint-config": "^0.72.2", "@react-native/metro-config": "^0.72.7", "@tsconfig/react-native": "^3.0.0", "@types/metro-config": "^0.76.3", "@types/react": "^18.0.24", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.2.1", "eslint": "^8.19.0", "шутка": "^29.2.1", "metro-react-native-babel-preset": "0.76.5", "красивее": "^2.4.1", "реагировать-тест-рендерер": "18.2.0", "машинописный текст": "4.8.4" }, "двигатели": { "узел": ">=16" } } Мой info.plist (из Xcode): [![info.plist][3]][3] [1]: https://fonts.google.com/icons?selected ... al%20Icons [2]: https://i.stack.imgur.com/7Vhel.png [3]: https://i.stack.imgur.com/2MnkD.png
Я разрабатываю нативное приложение для iOS и использую React-native-paper и React-native-vector-icons. Я выполнил все шаги по установке и настройке как в документации React Native Paper, так и в документации по векторным значкам. Я пытаюсь использовать [шрифт Material Icons из Google Fonts][1], но независимо от того, что я добавляю в свойство icon="", я получаю вопросительный знак. Иногда это простой вопросительный знак, а иногда — ? внутри коробки.
[![проблема со значком][2]][2]
Мой код для этого экрана:
import {Button, TextInput} из 'react-native-paper'; импортировать {useRecoilState} из «отдачи»; импортировать {passwordState, usernameState} из «../recoil/store»; экспортировать const LoginScreen = () => { const [имя пользователя, setUsername] = useRecoilState(usernameState); const [пароль, setPassword] = useRecoilState(passwordState); возвращаться ( setUsername(текст)} /> setPassword(текст)} /> Авторизоваться ); }; Мой package.json:
"name": "CoWallet", "версия": "0.0.1", «частное»: правда, "скрипты": { "android": "реагировать на собственный запуск Android", "ios": "react-native run-ios", "линт": "эслинт .", "start": "реагировать на собственный старт", "тест": "шутка" }, "зависимости": { "@react-native-firebase/app": "^18.1.0", "@react-native-firebase/firestore": "^18.1.0", "@react-navigation/native": "^6.1.7", "@react-navigation/native-stack": "^6.9.13", "реагировать": "18.2.0", "реагировать-родной": "0.72.1", "реагировать-родная-бумага": "^5.9.0", "react-native-safe-area-context": "^4.6.3", "реагировать-родные-экраны": "^3.22.0", "react-native-vector-icons": "^9.2.0", "отдача": "^0.7.7" }, "devDependency": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/eslint-config": "^0.72.2", "@react-native/metro-config": "^0.72.7", "@tsconfig/react-native": "^3.0.0", "@types/metro-config": "^0.76.3", "@types/react": "^18.0.24", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.2.1", "eslint": "^8.19.0", "шутка": "^29.2.1", "metro-react-native-babel-preset": "0.76.5", "красивее": "^2.4.1", "реагировать-тест-рендерер": "18.2.0", "машинописный текст": "4.8.4" }, "двигатели": { "узел": ">=16" } } Мой info.plist (из Xcode): [![info.plist][3]][3] [1]: https://fonts.google.com/icons?selected ... al%20Icons [2]: https://i.stack.imgur.com/7Vhel.png [3]: https://i.stack.imgur.com/2MnkD.png
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение