#ios #reactjs #xamarin #webview
#iOS #reactjs #xamarin #веб-просмотр
Вопрос:
У меня проблема с отображением веб-сайта, который создается с использованием React и Ant Design Pro В iOS webview.
В Android webview я могу включить все настройки, например, WebView.Settings.Включите JavaScript и другие настройки для отображения демонстрационных страниц React / Ant Design Pro. В противном случае веб-просмотр остается пустым.
На iOS, как мне показать страницу с дизайном react и ant. На данный момент он все еще пуст.
Комментарии:
1. Если вы говорите, что javascript отключен — значит, вы не можете. React построен на javascript. Если javascript выключен, ничего отображаться не будет. Это не исправить.
2. не javascript. На Android javascript уже был включен, но я должен включить другие функции, чтобы эти веб-страницы загружались, например, DomStorageEnabled. Интересно, что мне нужно включить на стороне iOS
3. Можете ли вы предоставить простую ссылку на веб-сайт, который создается с использованием React и Ant Design Pro?
4. preview.pro.ant.design вот ссылка.
Ответ №1:
Убедитесь, что для HorizontalOptions
и VerticalOptions
из webView
установлено значение FillAndExpand.
Я пробовал оба в Xamarin.forms и Xamarin.iOS, это работает.
Xamarin.forms:
<StackLayout>
<!-- Place new controls here -->
<WebView Source="https://preview.pro.ant.design/user/login" HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand"/>
</StackLayout>
Xamarin.iOS:
public override void ViewDidLoad ()
{
base.ViewDidLoad ();
// Perform any additional setup after loading the view, typically from a nib.
UIWebView webView = new UIWebView(View.Bounds);
View.AddSubview(webView);
var url = "https://preview.pro.ant.design/user/login"; // NOTE: https secure request
webView.LoadRequest(new NSUrlRequest(new NSUrl(url)));
}