microsoft / microsoft/react-native-windows

DataDetector Support for <Text> or <TextInput> Components?

Open
#7,613 3 comments 0 reactions 1 assignee View on GitHub

@anupriya13 is already working on this.

Since Apr 10, 2025.

API: Completion Area: Text Area: TextInput enhancement Workstream: Component Parity
Dominant language
C++
Stars
17.3k
Forks
1.2k
Avg merge
1d 13h
Merged PRs (30d)
33

Description

On other platforms (iOS/Android), we are setting a dataDetector on the <Text> or <TextInput> components to make URIs clickable and look like links. Is there any support for this type of detection/formatting in the windows API? Neither approach looks like it even will display text on Windows.

IS_IOS ? (
    <TextInput
      {...props}
      value={props.text}
      dataDetectorTypes={dataDetectorType || 'all'}
      multiline={true}
      editable={false}
    />
  ) : (
    <Text {...props} dataDetectorType={dataDetectorType || 'all'}>
      {props.text}
    </Text>
  );

Then as a follow-up, assuming there's no dataDetector support, would manually formatting a <RichTextBlock> be the only other approach available for OS >= Windows 10?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.