//2.处理文本输入

import React,{useState} from 'react';

import {Text,TextInput,View} from 'react-native';

 

const PizzaTranslator =()=>{

    const [text,setText]=useState('');

    return(

        <View>

            <TextInput

            style={{height:50}}

            placeholder="type here to translator"

            onChangeText={text=>setText(text)}

            defaultValue={text}

            />

            <Text style={{

                fontSize:40,

                padding:10

            }}>

                {text.split(' ').map((word)=>word &&'🍕').join(' ')}

            </Text>

            <Text>====================</Text>

            <Text>{text}</Text>

        </View>

    );

}

 

export default PizzaTranslator;

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐