Блог

Мое приложение react native закрывается без ошибок при нажатии кнопки. Коды приведены ниже. Где я ошибся? Эта ошибка возникла после добавления миниатюры. Ранее средство выбора открывалось с текстом. Я хочу добавить в него изображения. Я пытаюсь сделать такое заявление. Демонстрационный Рисунок

Видео с ошибкой:
Нажмите кнопку, чтобы закрыть приложение

     import React, { useState } from 'react';
    import { navigationService } from '../../services/NavigationService';
    import {
      Picker,
      Platform,
      ScrollView,
      StyleSheet,
      View,
      Text,
      TouchableOpacity,
      SafeAreaView,
      Image,
      TextInput,
      Alert,
      
      
    } from 'react-native';
    import { Thumbnail } from 'native-base';
    export function WithDrawScreen(props) {
    const [selectedValue, setSelectedValue] = useState("BITCOIN");    
    return(
      <SafeAreaView>
        <ScrollView>
        <View style = {styles.container}>
            <TouchableOpacity onPress ={() => {navigationService.navigate('MyAccount', null);} }>
              <Image style= {styles.imageSt} source={require('../../assets/arrow-left-circle.png')} />
            </TouchableOpacity>
            <View style = {styles.textView}>
              <Text style = {styles.textStyle}>Yatır/Çek</Text>
            </View>
        </View>
        <View style={styles.container2}>
        <Image style= {styles.imageSt2} source={require('../../assets/Btc3232.png')} />

          <Picker
            selectedValue={selectedValue}
            style={{ height: 50, width: 150 }}
            onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
          >
            <Picker.Item label="BITCOIN" value="btc" />
              <Thumbnail square style={{width: 30, height: 32, marginTop: 5}} source={require('../../assets/Btc3232.png')}/> 
            <Picker.Item label="TÜRK LİRASI" value="tl" />
          </Picker>
        </View>
        </ScrollView>
        </SafeAreaView>
        
    )}


    const styles = StyleSheet.create({
        container: {
            flexDirection: 'row',
            backgroundColor: '#131C47',
            justifyContent: 'center',
            height: 50
          },
          container2: {
              flex:1,
              flexDirection: 'row',
              paddingTop: 20,
              alignItems: "center"  
          },
          imageSt:{
            width: 32,
            height: 32,
            marginLeft: 10,
            marginRight: 5,
            marginTop: 8,
            marginBottom: 8,
            backgroundColor: '#131C47',
          },
          imageSt2:{
            width: 32,
            height: 32,
            marginLeft: 10,
            marginRight: 5,
            marginTop: 8,
            marginBottom: 8,
          },
          textView:{
            flex: 2,
            backgroundColor: '#131C47',
            height:50,
            marginLeft:15,
          },
          textStyle:{
            flex: 1,
            fontSize: 32,
            color: "white",
            fontFamily:"Roboto",
          },
      }) 
 

Не знаю, так ли это, но

 const [selectedValue, setSelectedValue] = useState("BITCOIN");
 

должно быть

 const [selectedValue, setSelectedValue] = useState("btc");
 

Пожалуйста, также обратите внимание, что модуль выбора «react-native» устарел.