react-native - React Native 获取默认样式 Prop ？

Question

如何从我的 React Native 应用程序内部或使用调试工具获取默认样式 Prop ？我尝试使用 React Devtools，但它们只显示我设置的 Prop ，而不是默认 Prop 。但我对默认值感兴趣。我怎么看他们？我不想依赖文档，而是想在我正在运行的应用程序中真正检查它。我正在使用功能组件。

Answer 1

您可以通过导入该组件来获取和修改默认 Prop 。例如，我使用以下代码全局修改 FlatList 行为，包括我正在使用的节点模块:

if (FlatList.defaultProps == null) {
  FlatList.defaultProps = {}
}
FlatList.defaultProps.initialNumToRender = 10
FlatList.defaultProps.maxToRenderPerBatch = 10
FlatList.defaultProps.scrollEventThrottle = 15
FlatList.defaultProps.bounces = false

我相信您可以在场景的渲染方法中使用 console.warn 或 console.log 来查看其内容。

在渲染 block 中放置以下代码:

render(){
   console.warn(FlatList.defaultProps)
   return (
     <View>
     ...
     </View>
    )
}