@react-querybuilder/native

@react-querybuilder/native

Official react-querybuilder components for React Native.

To see them in action, [load the example in Expo Snack](TODO: url here).

Full documentation

Installation

npm i react-querybuilder @react-querybuilder/native
# OR yarn add / pnpm add / bun add

Usage

To render a React Native-compatible query builder, use <QueryBuilderNative /> which accepts the same props <QueryBuilder />.

Changelog

[v7.4.0] - 2024-05-27

Changed

• [#703] The independentCombinators property has been removed from the InlineCombinatorProps interface. The value can be still be retrieved from the schema prop.
• [#703] Distributed CSS files are compressed (comments and unnecessary whitespace removed).

Added

• [#699] Most properties of the controlElements prop can be set to null. Properties set to null will be rendered as () => null.

Fixed

• [#700] parseCEL no longer creates a rule group with not: true when parsing a single rule in a negated parenthetical group. Instead, the rule operator is inverted.
• [#703] When enableDragAndDrop is true and a rule or group is dragged over an inline combinator (such as generated when showCombinatorsBetweenRules is enabled or the query uses independent combinators), the "drop location" indicator (a dashed, purple line by default) will appear above the inline combinator. Previously the styles placed the indicator line below the inline combinator, which could be misleading, particularly for independent combinators.