NativeScript <textfield>在iOS上只有一个底部边框

Question

我正在尝试创建一个只在控件下面有一个边框的NativeScript <TextField>。有几个Stack Overflow问题可以解决UITextField一般性问题（例如How to only show bottom border of UITextField in Swift），但无论出于何种原因，这些相同的技术似乎不适用于NativeScript <TextField>第

例如，我希望这段代码可以工作：

<!-- my-page.xml -->
<TextField id="email" />

/* my-page.js */
var myTextField = page.getViewById("email").ios;
var bottomLine = new CALayer();
bottomLine.frame = CGRectMake(1, 50, 50, 1);
bottomLine.backgroundColor = UIColor.whiteColor().CGColor;
myTextField.borderStyle = UITextBorderStyle.None;
myTextField.layer.addSublayer(bottomLine);

...但没有绘制边框。

我不确定我做错了什么，或者像{N}的CSS实现是否覆盖了我的更改。任何帮助将不胜感激。

谢谢！

Answer 1

添加以下代码：

let width = CGFloat(1.0);
bottomLine.frame = CGRect(x: 0, y: myTextField.frame.size.height - width, width:  myTextField.frame.size.width, height: myTextField.frame.size.height);
bottomLine.backgroundColor = UIColor.whiteColor().CGColor;
myTextField.borderStyle = UITextBorderStyle.None;
myTextField.layer.addSublayer(bottomLine);