Question

我目前正在开发一个应用程序，我希望我的代码可以确定当前平台是否是iPhone X.这是我的代码。

padding-bottom:48px;

，错误消息是SyntaxError / path / path /：意外令牌，期望{。我不知道为什么我有这个语法错误，以及如何解决它。谢谢。

Answer 1

您正在尝试返回一个对象，但它没有包裹大括号

tabBarOptions: {
  style: {
    height: 70,
    paddingBottom: 20,
  }
}

应该是

{
  tabBarOptions: {
    style: {
      height: 70,
      paddingBottom: 20,
    }
  }
}

和第二个。

Answer 2

条件应该在花括号之外，并且对象应该在花括号之间正确包围。试试这样的事情。

export default TabNavigator({}, isiPhoneX()===true ? 
{
  tabBarOptions:{
    style: {
      height: 70,
      paddingBottom:  20,
    }
  }
} :
{
  tabBarOptions: {
    style: {
      height: 70,
      paddingBottom:  20,
    }
  }
});

另一方面，当两个对象完全相同时，我看不到条件的重点。

React Native：意外令牌

2 个答案: