使用 React Native 的主要问题是很难调试和解决问题。 由于 React Native 是一个与平台无关的开发框架,开发人员必须针对他们正在使用的每个不同平台学习不同的调试和故障排除技术。 此外,React Native 应用程序不像本机应用程序那样得到很好的支持,因此可用于帮助调试或解决问题的资源可能更少。
<View style={{flexDirection: 'row', justifyContent: 'space-between'}}> <Text>Left</Text> <Text>Right</Text> </View>
第一行创建一个带有 style 属性的 View 元素。 style 属性包含一个具有两个属性的对象,flexDirection 和 justifyContent。 flexDirection 的值为'row',justifyContent 的值为'space-between'。
View 元素内有两个 Text 元素。 第一个 Text 元素的文本为“Left”,第二个 Text 元素的文本为“Right”。
如何使浮动正确
这个问题没有千篇一律的答案,因为在 React Native 中使浮动工作的最佳方式会因您正在构建的特定应用程序而异。 然而,关于如何在 React Native 中使浮动工作的一些技巧包括使用流体网格布局并确保所有元素都使用 CSS 定位属性进行定位。 此外,对图标使用 react-native-vector-icons 对动画使用 react-native-ripple 会很有帮助。
向左飘浮
在 React Native 中没有内置的方法可以做到这一点。 您可以使用像 react-native-float-left 这样的库或使用内联函数。