如何更改Zebble for Xamarin的后退按钮位置？

Question

我在Android设备上构建我的新Zebble应用程序，但是当我使用下面的代码后退按钮显示如此截图。

这是我导航到另一个页面的代码。

await Nav.Forward<MyTestPage>(PageTransition.SlideUp);

这是Android设备上面代码的结果。

之后，我尝试在Android.scss文件上使用样式表更正它，如下所示：

NavigationBar {
    #Title {
        text-align: left;
        padding-left: 65px;
        font-size: 20px;
        font-weight: normal;
    }
    .back {
        margin-bottom: 20px;
    }
}

但没有发生任何事情。此外，我查看以下链接的信息，但我没有发现任何可以帮助我解决这个问题。

http://zebble.net/docs/navbarpage-class

Answer 1

要解决此问题，您应该更改样式目录中common.scss文件上的后退按钮的填充，如下所示：

.back { 
    color: white;
    width: 48px;
    padding: 0;
       #Icon { 
             height: 80%; 
             background: url(Images/Icons/Back.png); 
             padding:2px 0;
      }
       #TextView { text-align: right; }
  }

我将填充角色从7px更改为2px，然后就可以了。