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

【问题标题】：How to change back button position in Zebble for Xamarin?如何更改 Zebble for Xamarin 中的后退按钮位置？
【发布时间】：2017-09-21 10:48:26
【问题描述】：

我在 android 设备上构建了我的新 Zebble 应用程序，但是当我使用下面的代码时，返回按钮显示如下截图。

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

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

这是上面代码在安卓设备上的结果。

之后，我尝试使用 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

【问题讨论】：

标签： .net visual-studio xamarin zebble xamarin-zebble

【解决方案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，然后它就可以工作了。

【讨论】：