пользовательские иконки в NativeBase - PullRequest
Новая
       15

пользовательские иконки в NativeBase

0 голосов
/ 15 апреля 2020

Я хочу использовать свою собственную группу значков в native-base.i прочитайте это сообщение Как добавить пользовательские значки в NativeBase но ничего не показывать. это мой код, который я хочу использовать, сначала Item после добавления заполнителя значка удалить: 

<View style={styles.view}>
            <Item floatingLabel style={{ width: w / 1.9, height: w / 7, borderColor: '#507783', marginBottom: 0, }} >
              <Icon><MyIcon name="ico_user" style={{ color: "#fff" }}/></Icon>
              <Input returnKeyType='next' autoCapitalize="none" onChangeText={text => setUsername(text)} style={{ paddingBottom: 0, color: '#fff', textAlign: 'left', fontFamily: 'IRANSansMobile', fontSize: 12, marginLeft: 8, }} placeholderTextColor="#507783" placeholder='نام کاربری' />
            </Item>
            <Item floatingLabel secureTextEntry={true} style={{ width: w / 1.9, height: w / 7, borderColor: '#507783' }} >
              <Icon type="Fontisto" name="locked" fontSize={25} style={{ color: "#fff" }} />
              <Input returnKeyType='next' autoCapitalize="none" onChangeText={text => setUsername(text)} style={{ color: '#fff', textAlign: 'left', fontFamily: 'IRANSansMobile', fontSize: 12, marginLeft: 8, }} placeholderTextColor="#507783" placeholder='رمز عبور' />
            </Item>
            <Button block style={{ width: w / 1.9, height: 40, backgroundColor: '#59c5b9', marginTop: 56 }} onPress={() => internet.isConnected ? _goLogin() : Alert.alert('لطفا اتصال به اینترنت خود را بررسی نمایید')}>
              <Text style={styles.btntext}>ورود</Text>
            </Button>

          </View>

, и это мой icon-fon.js: 

import {createIconSetFromFontello} from 'react-native-vector-icons';
import fontelloConfig from './ecfco.json';
const Icon = createIconSetFromFontello(fontelloConfig,'ecfco');
export default Icon;

, и я проверяю это каталог в android: android/app/src/main/assets/fonts шрифт правильно добавлен. и проверить ios версию evry думаю, что все в порядке, но не работает. и нативная базовая версия: "native-base": "^2.13.12",

ОБНОВЛЕНИЕ: при использовании MyIcon за пределами Item работает отлично, но при использовании значка для Input ничего не видно, спасибо за помощь в решении этой проблемы.

1 Ответ

0 голосов
/ 15 апреля 2020

Я решил это. Прочтите этот пост на gihub: Попытка добавить изображение справа от ярлыка. Он работает нормально со stackedlabel, но плавающая метка заставляет изображение изменить мой путь, заменить Icon на Thumbnail и правильный код ниже: 

<Item floatingLabel >
              <Thumbnail square source={require('../../assets/Newimage/Login/ico_user.png')} resizeMode='center' />
              <Label>نام کاربری</Label>
              <Input returnKeyType='next' autoCapitalize="none" onChangeText={text => setUsername(text)}  />
 </Item>
...