[Android] React native views not arranged properly inside custom ViewGroup #15939
Description
Is this a bug report?
Yes
Have you read the Contributing Guidelines?
Yes
Environment
react-native -v: 0.48.3node -v: v8.4.0npm -v: 5.4.1yarn --version: 0.21.3
Then, specify:
- Target Platform: Android
- Development Operating System: macOS
- Build tools: Android studio
Steps to Reproduce
Example: Create a LinearLayout native UI component.
public class RNLinearLayoutManager extends ViewGroupManager<LinearLayout> {
@Override
public String getName() {
return "RNLinearLayout";
}
@Override
protected LinearLayout createViewInstance(ThemedReactContext reactContext) {
LinearLayout layout = new LinearLayout(reactContext);
layout.setOrientation(LinearLayout.VERTICAL);
return layout;
}
}const LinearLayout = requireNativeComponent('RNLinearLayout', {
name: 'LinearLayout',
propTypes: {
...View.propTypes
}
}, {
nativeOnly: {
nativeBackgroundAndroid: true,
nativeForegroundAndroid: true
}
})
export default class RNTest extends Component {
render() {
return (
<LinearLayout style={{flex: 1}}>
<Text>Linear Layout demo</Text>
<Text>The below view should be arranged in a row</Text>
<View style={{flexDirection: 'row', flex: 1}}>
<Text>Column 1</Text>
<Text>Column 2</Text>
</View>
<Text>But it is arranged in two different rows</Text>
</LinearLayout>
);
}
}Expected Behavior
Text Column 1 and Column 2 should be arranged in same line as shown above
Actual Behavior
Text Column 1 and Column 2 were arranged in 2 lines