open-index/open-npm huggingface dataset:
npm package: @roman.sytnyk/blur-app-in-recents
Description: Blur the app in Recents menu on iOS & Android
Author: Roman Sytnyk
Latest version: 0.2.0


# Blur App In Recents

![Platform - Android and iOS](https://img.shields.io/badge/platform-android%20%26%20ios-bg)
[![NPM Badge](https://img.shields.io/npm/v/%40roman.sytnyk%2Fblur-app-in-recents)](https://www.npmjs.com/package/%40roman.sytnyk%2Fblur-app-in-recents)

A React Native module for Expo that prevents sensitive content from being visible in the app in Recents menu of iOS & Android. 

This package can be useful for banking, finance, and other security-focused applications.

The key difference with [Expo Screen Capture](https://docs.expo.dev/versions/latest/sdk/screen-capture/) is that this package allows taking screenshots when the app is in the foreground, blurring content only in the background state.

## Installation

You can install this package using npm or yarn:

```npm install @roman.sytnyk/blur-app-in-recents```

or

```yarn add @roman.sytnyk/blur-app-in-recents```

Also, don't forget make new prebuild to apply native code

```npx expo prebuild```

## Usage
```
import BlurAppInRecents from '@roman.sytnyk/blur-app-in-recents';

React.useEffect(() => {
  BlurAppInRecents.enable();
}, []);
```

## Screenshots
![iOS Screenshot](https://i.ibb.co/WPfT696/Simulator-Screenshot-i-Phone-16-Pro-2024-12-24-at-11-07-48.png) 
![Android Screenshot](https://i.ibb.co/fqZjbfq/Screenshot-20241224-141343.png)

## API

### `BlurAppInRecents`

- **`enable()`**: Activates the blur effect when the app goes to the Recents menu.
- **`disable()`**: Deactivates the blur effect.
- **`isBlurringEnabled()`**: Returns `true` if the blur effect is currently enabled.

## Limitations
On Android devices below Android 13 with gesture navigation enabled, the overlay may briefly flash during the recents transition due to a [known system bug](https://issuetracker.google.com/issues/123205795).

## Contributing

Please submit a pull request or open an issue to discuss what you would like to change. Maintainers are welcomed.
npm package: @roman.sytnyk/react-native-html-text
Description: Transform your HTML-formatted text into native styled Text elements. Fork.
Author: e-mine software
Latest version: 0.3.8

# @roman.sytnyk/react-native-html-text

Fork of @e-mine/react-native-html-text with some fixes

Transform your simple HTML-formatted text into native (styled) Text elements. This plugin aims to be simple and effective, supporting basic text styling. If you need to render a complete page, this is not what you are searching for.

## Installation

```sh
npm install @roman.sytnyk/react-native-html-text
```

## Usage

### Simple text rendering

This is the main use case for this plugin: rendering a HTML-formatted text with basic styling support (bold, italic, line breaks, ...).

```js
import { HtmlText } from "@roman.sytnyk/react-native-html-text";

// ...

render() {
    const html = '<b>This</b> is a <i>formatted</i> HTML text with <br/> line <br> breaks.';

    return <HtmlText>{html}</HtmlText>;
}
```

### Custom styles

A more advanced use case is when you need to insert custom styles for HTML tags. Then, you just insert a context provider with your customized styles. It will provide the customization for all HtmlText components in its hierarchy. This way you just need to customize it once near your root component.

```js
import { HtmlText, HtmlTextContext, defaultContextValues } from "@roman.sytnyk/react-native-html-text";

// ...

render() {
    const html = '<b>This</b> is a <i>formatted</i> HTML text.';

    const htmlTextContext = {
        ...defaultContextValues.styles, // If you want to "inherit" some styles from the default ones
        styles: {
            h1: {
                fontSize: 26,
                fontWeight: 'bold'
            },
            h2: {
                fontSize: 22,
                fontStyle: 'italic'
            },
            h3: {
                fontSize: 18,
                fontStyle: 'italic'
            }
        }
    };

    return (
        <HtmlTextContext.Provider value={htmlTextContext}>
            ...
            <HtmlText>{html}</HtmlText>
            ...
        </HtmlTextContext.Provider>
    );
}
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT