Javascript 在React Native中没有与此调用匹配的重载

我想分离元素的样式，使它们更易于阅读。我编写了下一个代码

let styles={
    search:{
        container:{
            position:"absolute",
            top:0,
        },
    }
}

然后用作

<View style={styles.search.container}/>

一切正常，但TypeScript为样式抛出错误--“没有重载匹配此调用”

---

请告诉我如何抑制此错误？

这种行为很有意义，因为编译器不知道应该使用哪种返回类型

function styles(): Object {
  return {
        container:{
            position:"absolute",
            top:0,
        },
    }
}

<View style={styles().container}/>

函数样式（）：对象{
返回{
容器：{
位置：“绝对”，
排名：0，
},
}
}

---

在这里，编译器知道哪些返回值是对象。

这种行为是有意义的，因为编译器不知道应该使用哪种返回类型

function styles(): Object {
  return {
        container:{
            position:"absolute",
            top:0,
        },
    }
}

<View style={styles().container}/>

函数样式（）：对象{
返回{
容器：{
位置：“绝对”，
排名：0，
},
}
}

---

在这里，编译器知道哪些返回值是对象。

我找到了解决这个问题的方法

let styles={
    search:StyleSheet.create({
        container:{
            position:"absolute",
            top:0,
        },
    })
}

---

谢谢大家

我想出了解决这个问题的办法

let styles={
    search:StyleSheet.create({
        container:{
            position:"absolute",
            top:0,
        },
    })
}

---

非常感谢

您是否将styles对象放入StyleSheet.create（）函数中？不，我没有将styles放入StyleSheet.createI我没有在您的代码中看到

StyleSheet.create（）

）StyleSheet.create（搜索：{container:{position:{absolute]，top:0，}，}）；是否将styles对象放入StyleSheet.create（）函数中？否，我没有将styles放入StyleSheet.createI在代码中没有看到

StyleSheet.create（）

）StyleSheet.create（搜索：{container:{position:{position:{absolute]，top:0，}，}）；不行