У меня проблемы с React Native, связанные с высотой Android Native Component UI. Я создал очень простой вариант использования, чтобы продемонстрировать проблему.
React Native версия = 0.61.5.
Android, React Native ViewManager:
public class CustomTextViewManager extends SimpleViewManager<TextView> {
@NonNull
@Override
protected TextView createViewInstance(@NonNull ThemedReactContext reactContext) {
return new TextView(reactContext);
}
@NonNull
@Override
public String getName() {
return "CustomTextView";
}
@ReactProp(name = "text")
public void setText(TextView view, String text) {
view.setText(text);
}
}
JavaScript, ссылка на собственное представление:
import {requireNativeComponent} from 'react-native';
const CustomTextView = requireNativeComponent('CustomTextView')
export default CustomTextView;
JavaScript, простое приложение:
import React from 'react';
import CustomTextView from './CustomTextView';
const App: () => React$Node = () => {
return (
<CustomTextView
text={'Some test text'}
/>
);
};
export default App;
При запуске этого кода ничего не отображается. После добавления style = {{height: 100}} представление отображается на заданной фиксированной высоте.
Я действительно ожидал, что высота представления Android будет отражена в React Native. Очевидно, это не тот случай.
Примечание: высота: «авто» не работает. Я надеюсь, что кто-то может сказать мне, что я скучаю.