Ios 为什么钛文本字段中的leftButton(或rightButton)不显示?

Ios 为什么钛文本字段中的leftButton(或rightButton)不显示?,ios,uitextfield,titanium-mobile,Ios,Uitextfield,Titanium Mobile,我为此挣扎了一段时间。似乎是个半虫子 如果将leftButton或rightButton添加到文本字段,如下所示: var leftButton = Ti.UI.createButton({ image: 'someImage.png' }) var textField = Ti.UI.createTextField({ leftButton: leftButton, leftButtonMode: Ti.UI.INPUT_BUTTONMODE_ALWAYS,

我为此挣扎了一段时间。似乎是个半虫子

如果将leftButton或rightButton添加到文本字段,如下所示:

var leftButton = Ti.UI.createButton({
    image: 'someImage.png'
})
var textField = Ti.UI.createTextField({

    leftButton: leftButton,
    leftButtonMode: Ti.UI.INPUT_BUTTONMODE_ALWAYS,
    leftButtonPadding: 100

})

…这样你就看不到你的按钮了。为什么?

问题出在leftButtonMode属性中。给它任何值,按钮都不会显示。如果不使用此属性,则按钮将显示正常

对于leftButton,padding属性不是问题。但是如果你在右边的按钮上使用它,它可能会把你的按钮扔到屏幕外面。我也尝试过负面价值观,但没有成功


请注意,leftButton和rightButton选项在Android上不起作用。

此代码可能有两个问题。 1-检查指定给按钮的图像路径?(高度、宽度) 出于测试目的,试着使用任何系统按钮,看看它是否出现

var leftButton = Titanium.UI.createButton({
    style:Titanium.UI.iPhone.SystemButton.DISCLOSURE
});
2-第二个问题可能是左按钮的填充 试着在没有填充的情况下使用它,然后看看会发生什么

var win = Titanium.UI.createWindow({
    title:"Configuring text field and text area keyboard types",
    backgroundColor:"#347AA9",
    exitOnClose:true
});

//These buttons will appear within the text field
var clearButton = Titanium.UI.createButton({
    title:"Clear",
    height:24,
    width:52
});

var submitButton = Titanium.UI.createButton({
    title:"Submit",
    height:24,
    width:60
});

var textField = Titanium.UI.createTextField({
    top:"25%",
    height:35,
    width:600,
    backgroundColor:"#ffffff",
    borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintText:"Type something",
    keyboardType:Titanium.UI.KEYBOARD_DEFAULT,
    leftButton:clearButton,
    rightButton:submitButton
});

clearButton.addEventListener("click", function(e){
    //Clear the value of the text field
    textField.value = "";
});

submitButton.addEventListener("click", function(e){
    //Pretend to submit the value of the text field
    //Be sure that you've typed something in!
    if(textField.value != ""){
        alert(textField.value); 
    }else{
        alert("Enter some text");
    }
});

//Add an event listener to the window that allows for the keyboard or input keys to be hidden if the user taps outside a text field
//Note: each text field to be blurred would be added below
win.addEventListener("click", function(e){
    textField.blur(); // Cause the text field to lose focus, thereby hiding the keyboard (if visible)
});

win.add(textField);

win.open();