I have a page in the Flutter app that uses an AutoCompleteTextField and while I can style the items displayed I have failed to find out how to apply some styling to the overlay itself.
Searching has not revealed any examples of how to do this.
Related
Similar to Inline UIPickerView in a table but more focused on React Native and Expo and I am looking at it from the point of view of a tablet.
In React Native Community DateTimePicker it provides an in-line input of a time
However, they don't provide a similar function for non-time based pickers or at least I can't find it. Is such a component not available in iOS because I can't seem to find something that behaves similarly where if you tap to show the picker and it starts editing the "original" disappears and places the field close to where it originally is.
I want it in-line as in a tablet the width is much larger so it does not make sense to do the style as shown in the HIG as it is for a phone form factor.
react-native-dropdown-picker is another one I tried to take a look at but it does not match what I would expect from the OS controls.
I'm trying to add buttons to a widget having family type ".systemLarge". I want to execute some code without opening the app.
Anyone knows how to do that?
For example the Shortcuts App Widget includes buttons you can tap to execute a shortcut without opening the app.
Widgets are read only. The Shortcuts app is an exception.
https://developer.apple.com/documentation/widgetkit/creating-a-widget-extension
Widgets present read-only information and don’t support interactive elements such as scrolling elements or switches. WidgetKit omits interactive elements when rendering a widget’s content.
You can add Link controls on medium and large size widgets to get a button like behavior.
This won't allow you to create interactive widgets, which change their content by clicking elements inside the widgets.
But you will be able to tell which "link" was clicked based on the widgetUrl provided when your app gets activated through the widget.
See the chapter Respond to User Interactions here:
https://developer.apple.com/documentation/widgetkit/creating-a-widget-extension
I've got a Plugin which uses a UIKitView which contains a WKWebView on iOS and a AndroidView with WebView on Android. The Android solution is working as expected, but I've got two problems on iOS. First, some contents of the web-view, e.g. HTML content, is overlaying the AppBar and second, i can click right through a Drawer element which triggers some click events of my HTML page. I've been able to "solve" the first problem by putting the plugin view into a ClipRect.
Any ideas what causes this behaviour and how to solve it, especially the second one?
I'm using Appium and I don't face this issue on Android. Only on iOS.
The app is made on React Native. Some sections of the app use a dropdown that when you tap on them, show some options but hide the rest of the app behind a shadow. Something similar to this:
When this happens, the focus of the AppiumDriver remains on the background, so I can't tap/click on the options or any of the elements that appear on the front. Similar in some way to what happens when you're using Selenium WebDriver and a new popup appears and you have to change the focus of the driver in order to interact with its elements.
I've tried with "getWindowsHandles()" or "getContextHandles()" but it doesn't work for this scenario.
The only thing that worked to click these options was using X,Y coordinates which is not very optimal, so I'm aiming to find a better solution in which I can interact with these elements setting the AppiumDriver focus on the options.
You can try locating it using the Accessibility Id in your code (not in Appium Inspector). The Accessibility Id will be similar to the text of the option like
accessibility id = "Reload"
I'm using a polymer seed UI application, in which I needed to display some graphs so decided to use high charts. I created a custom component and added one of the charts e.g. barcharts and added this polymer component to my seed application do display the bar charts.
I am able to view the charts correctly, however, I faced an know issue of rendering the charts which didn't fit the container. In order to resolve it, I need to use highcart.reflow() event. But I don't know on which lifecycle of polymer I should do it and it will resize the charts correctly on page load.
any help is appreciated