У меня очень странная проблема в React Native WebView с тегами HTML <select>
на планшетах Android.
По какой-то причине нажатие на визуализированную кнопку <select>
не открывает список параметров.
Это происходит только на планшетах Android, независимо от версии Android. Однако на смартфонах Android эта ошибка не возникает, и список параметров открывается, как и ожидалось.
Чтобы воспроизвести эту ошибку, я создал простое демонстрационное приложение: https://github.com/huonderv/react-native-webview-html-select-bug.
Важный код следующий:
index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
WebView
} from 'react-native';
export default class WebViewProject extends Component {
render() {
return (
<WebView
style={styles.container}
source={{ uri: 'file:///android_asset/simpleselect.html'}}
startInLoadingState={true}
/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
},
});
AppRegistry.registerComponent('WebViewProject', () => WebViewProject);
simpleselect.html
<!DOCTYPE html>
<html>
<body>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
Я также попытался заменить WebView на Crosswalk, как описано здесь: https://github.com/grovertb/react-native-crosswalk-webview. Однако это не решило эту проблему.
Кто-нибудь знает, как заставить это работать в React Native WebView на планшетах Android?