Reactjs 创建一个位于屏幕中间的动态宽度文本输入

我有一个我正面临的特定问题，我想看看我所面临的是否是需要提交给react native问题的react native bug，或者这是否是我的错误

我正在尝试创建一个文本输入，它以我的屏幕为中心，并且应该能够随着输入的宽度的增加而增加，一旦写入足够的文本，它就会包装到下一行。我面临一个问题，当一个人在文本输入中键入文本时，文本首先出现，然后更改视图的大小，导致闪烁，键入的单词消失，然后重新出现。最终，UI会正确设置并显示正确，但当用户键入之前写入的字符时，尽管视图对宽度没有限制，但这些字符可能会超过视图的宽度。我知道我已经发现这是由于父对象具有alignItems属性，该属性使子对象（在本例中为TextInput）居中

目标是使视图沿着正在编写的文本的一侧扩展宽度，而不出现这种闪烁的错误

返回(
0:24}style={styles.flex1}>
);
const styles=StyleSheet.create({
flex1：{
弹性：1，
},
添加文本：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
zIndex:100，
},
默认添加文本：{
水平方向：10，
边界半径：10，
},
});

给你的defalutAddingText样式加一个高度，如下所示：

const styles = StyleSheet.create({
    flex1: {
      flex: 1,
    },
    addingText: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    zIndex: 100,
  },
    defaultAddingText: {
    height:auto,
    paddingHorizontal: 10,
    borderRadius: 10,
  },
});