Reactjs React Native在终端i'中呈现一个无错误的空白屏幕；我已经包括了下面的代码，请协助，我似乎可以找出为什么会发生这种情况 请检查下面的代码，从我所看到的，它应该都是正确的* im使用Mac osx 10.10.5*

我在学英语

这个应用程序有两个按钮；在计数器上调用操作并重新呈现计数器值的递增和递减

import React from 'react';
    import {Text, Button, View} from 'react-native';
    import {useState} from 'react';
    
    function CounterScreen({navigation}) {
    
    CounterScreen = () =>{
    const [counter, setCounter] = useState (0);
    
    return (
    
   
//Code to create counter on click


 <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' , background: '#81B214'}} >
    
    <Button color='green'
             title='Add'
             onPress={() => {setCounter(counter + 1);}}
             />
    
    <Button color='red'
     title='remove'
     onPress={()=> {setCounter(counter - 1);}}
     />;
    
     <Text style={{color:'white',
         fontWeight:600,
        fontSize:50}}> 
        Basket Count: {counter}
    </Text>;
    
    <Button title="Go Home" 
    onPress={()=> navigation.navigate('Home')}
    />;
            
     </View>
    
        
        );
    };
    };
    
    export default CounterScreen;

从“React”导入React；
从“react native”导入{文本、按钮、视图}；
从“react”导入{useState}；
功能计数器屏幕（{navigation}）{
反屏幕=（）=>{
const[counter，setCounter]=useState（0）；
返回(
//单击创建计数器的代码
{setCounter（计数器+1）；}
/>
{setCounter（counter-1）；}
/>;
篮子计数：{counter}
;
navigation.navigate（'Home'）}
/>;
);
};
};
导出默认计数器屏幕；

试试这个

import React，{useState}来自“React”
从“react native”导入{文本、按钮、视图}
常量计数器屏幕=（{navigation}）=>{
常量[计数器，设置计数器]=使用状态（0）
返回(
//单击创建计数器的代码
{
设置计数器（计数器+1）
}}
/>
{
设置计数器（计数器-1）
}}
/>
篮子计数：{counter}
导航。导航（“主页”）}/>
)
}
导出默认计数器屏幕

它应该是backgroundColor而不是background

并将计数器转换为字符串 篮子计数：{字符串（计数器）}

import React，{useState}来自“React”
从“react native”导入{文本、按钮、视图}
常量计数器屏幕=（{navigation}）=>{
常量[计数器，设置计数器]=使用状态（0）
返回(
//单击创建计数器的代码
{
设置计数器（计数器+1）
}}
/>
{
设置计数器（计数器-1）
}}
/>
篮子计数：{字符串（计数器）}
导航。导航（“主页”）}/>
)
}
导出默认计数器屏幕

谢谢Nikhil，但它仍然呈现一个空白屏幕。。我正在用一个减缩器重写代码，看看这是否会导致任何更改。你的代码看起来真的很乱。你能把它清理一下吗？