React-Native library for the WidgetKit framework. Integrate a Widget into your App ๐Ÿ๐Ÿ“ฑ

Related tags

React Native Frameworks react-native widgetkit ios14
Overview

react-native-widgetkit

widgetkit

React-Native Library for the iOS ๐Ÿ WidgetKit framework

widget_small widget_medium widget_small

Table of Contents ๐Ÿ“š

Introduction ๐Ÿ‘จโ€๐Ÿซ

This library allows you to call essential methods from the iOS "WidgetKit Framework", which are needed when developing a widget. For example updating the widget timelines

๐Ÿšจ To be on the safe side: This library exposes API functionality of WidgetKit. The widgets themselves must be developed natively in SwiftUI.

Installation ๐Ÿ–‡โ€

npm install react-native-widgetkit

Usage ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

import { reloadAllTimelines } from 'react-native-widgetkit';

// ...

reloadAllTimelines();

Methods ๐Ÿ“–โ€

reloadAllTimelines()

Reloads the timelines for all configured widgets belonging to the containing app.

reloadTimelines(ofKind: String)

Reloads the timelines for all widgets of a particular kind.

WidgetKit.setItem(String key, String value, String appGroup)

Writes Key-Value to UserDefaults database.

WidgetKit.getItem(String key, String appGroup)

Reads Value from UserDefaults database.

Contributors ๐Ÿค“

Thomas Leiter

Thomas Leiter

License ๐Ÿ”–

MIT License

Copyright (c) 2020 Thomas Leiter, Fasky OG

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

You might also like...
Customizable set of components for React Native applications

Shoutem UI Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our c

Shoutem 4.8k Jan 5, 2023
react-native stateless functional UI components to get you up and running quickly
react-native stateless functional UI components to get you up and running quickly

panza Panza is a collection of ui-components for react-native modelled after iOS. This library is currently undergoing a rewrite and will be updated s

null 258 Dec 16, 2022
Highly customizable and theming components for React Native

@blankapp/ui English | ็ฎ€ไฝ“ไธญๆ–‡ Table of Contents Introduction Features Quick Start Prerequisites Installation Run the new app Discussion License Created

Blankapp 106 Nov 10, 2022
React Native Components and APIs for the Web

React Native for Web "React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM. Documentation The do

Nicolas Gallagher 20.4k Jan 3, 2023
๐Ÿค– React Native Android widgets bridged to JS, a proof of concept
๐Ÿค– React Native Android widgets bridged to JS, a proof of concept

React Native Android Widget Proof Of Concept ๐Ÿค– Using React Native and having Android widgets is possible. Create buttons in Java / Android XML to tri

Netbeast 203 Dec 1, 2022
A simple Facebook Chat Head like bubble for react native
A simple Facebook Chat Head like bubble for react native

react-native-floating-bubble A simple Facebook Chat Head like bubble for react native. Special thanks to bubble-for-android because this is just react

null 158 Dec 16, 2022
React-Native library for the WidgetKit framework. Integrate a Widget into your App ๐Ÿ๐Ÿ“ฑ
React-Native library for the WidgetKit framework. Integrate a Widget into your App ๐Ÿ๐Ÿ“ฑ

react-native-widgetkit React-Native Library for the iOS ๐Ÿ WidgetKit framework Table of Contents ๐Ÿ“š Introduction ๐Ÿ‘จโ€๐Ÿซ Installation ๐Ÿ–‡โ€ Usage ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

Fasky 120 Dec 21, 2022
React-Native library for the WidgetKit framework. Integrate a Widget into your App ๐Ÿ๐Ÿ“ฑ
React-Native library for the WidgetKit framework. Integrate a Widget into your App ๐Ÿ๐Ÿ“ฑ

react-native-widgetkit React-Native Library for the iOS ๐Ÿ WidgetKit framework Table of Contents ๐Ÿ“š Introduction ๐Ÿ‘จโ€๐Ÿซ Installation ๐Ÿ–‡โ€ Usage ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

Fasky 120 Dec 21, 2022
โšก๏ธThe Fullstack React Framework โ€” built on Next.js
โšก๏ธThe Fullstack React Framework โ€” built on Next.js

โšก๏ธThe Fullstack React Framework โ€” built on Next.js

โšก๏ธBlitz 12.5k Jan 9, 2023
โšก๏ธThe Fullstack React Framework โ€” built on Next.js โ€” Inspired by Ruby on Rails
โšก๏ธThe Fullstack React Framework โ€” built on Next.js โ€” Inspired by Ruby on Rails

โšก๏ธThe Fullstack React Framework โ€” built on Next.js โ€” Inspired by Ruby on Rails

โšก๏ธBlitz 9.4k Oct 12, 2021
An easy way to integrate your React (or Preact) app into React Native app with WebView.
An easy way to integrate your React (or Preact) app into React Native app with WebView.

react-native-react-bridge An easy way to integrate your React (or Preact) app into React Native app with WebView. Why? If you'd like to run your React

null 120 Dec 14, 2022
This package helps you integrate the MailChimp subscribe form into your React App

use-mailchimp-form This package helps you integrate the MailChimp subscribe form into your React App. It is implemented in the React hooks way to hand

Gary Lai 17 Dec 14, 2022
Seamlessly integrate a search engine to find live ticker symbols into your web app
Seamlessly integrate a search engine to find live ticker symbols into your web app

Ticker Symbol Search Seamlessly integrate a search engine to find live ticker symbols into your web app View Demo ยท Report Bug ยท Request Feature Usage

Harsohail Brar 13 Dec 17, 2021
A wrapper to painlessly integrate Spline projects into your React code-space. โ˜€
A wrapper to painlessly integrate Spline projects into your React code-space. โ˜€

React Spline A painless, configurable, spline wrapper for React to add sweet animations easily into your projects. Install npm install --save react-sp

Utkarsh Dubey 83 Dec 9, 2022
A set of packages that helps you integrate the Glow Solana Wallet into your dApp
A set of packages that helps you integrate the Glow Solana Wallet into your dApp

Glow JS This is a set of packages that helps you integrate the Glow Solana Wallet into your dApp. ๐Ÿคฉ Video Overview Packages Here is a set of packages

Glow 25 Dec 5, 2022
Utilities to integrate react-three-fiber into a remix.run app

Utilities to integrate react-three-fiber into a remix.run app

Nicholas J. Small 75 Dec 2, 2022
Just a small collection of hooks that make it easy to integrate React Query into a REST API

react-query-restful is just a small collection of hooks that make it easy to integrate React Query into a REST API.

Quasar Systems 4 Sep 16, 2022
The hassle-free way to integrate analytics into any web application.
The hassle-free way to integrate analytics into any web application.

โš ๏ธ Be sure to check out the next generation of analytics.js! https://github.com/segmentio/analytics-next ๐ŸŽ‰ If you have an existing JavaScript source

Segment 4.8k Dec 27, 2022
๐Ÿ“ฒ๐Ÿ’ฌ react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.
๐Ÿ“ฒ๐Ÿ’ฌ react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

๐Ÿ“ฒ๐Ÿ’ฌ react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

mroads 9 Dec 3, 2021
Comments
  • Cannot find 'WidgetCenter' in scope

    Cannot find 'WidgetCenter' in scope

    Hi all,

    we found a compile problem only when we try to compile with Release Schema on the Simulator.
    As in the screenshoot the problem is "Cannot find 'WidgetCenter' in scope" If we try to run our app with Debug Schema on Simulator/Device it works well, and also if we try to run with Release Schema on real Device it works well.. the problem seems to be only when we run with Release Schema on the Simulator.

    Can you help us ? We have: react-native: 0.60.6

    Screenshot 2021-03-11 at 16 05 20

    opened by goriverna 4
Owner
Fasky
Fasky
GitHub
A framework to test a React Native app during runtime

react-native-diagnose A react runtime diagnose component Rationale Testing native applications is complicated There are features that can only be test

Netbeast 24 Feb 14, 2022
An utility style framework for React Native

An utility React Native style framework for rapidly building custom user interfaces. Documentation For full documentation, please check https://osmics

OsmiCSX 222 Dec 26, 2022
A framework for building native Windows apps with React.

React Native for Windows Build native Windows apps with React. See the official React Native website for an introduction to React Native. React Native

Microsoft 15.2k Jan 5, 2023
Library for cross-platform app development.

ReactXP ReactXP is a library for cross-platform app development using React and React Native. Why ReactXP With React and React Native, your web app ca

Microsoft 8.3k Jan 1, 2023
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Teaset ???? ไธญๆ–‡ๅฎŒๆ•ดๆ–‡ๆกฃ็‰ˆ A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. Installation

null 2.9k Jan 9, 2023
Component library for React Native

first-born Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purp

99x 272 Dec 9, 2022
UI & API Components Library for React Native

React Native Common Cross Platform React Native UI Toolkit & API Get Started Installation $ yarn add react-native-common or $ npm install react-native

Reza Ghorbani 63 Feb 14, 2022
Mobile-first, accessible components for React Native & Web to build a customizable Design System.

NativeBase is a mobile-first, accessible component library for building a consistent design system across android, iOS & web. Website Documentation Ta

GeekyAnts 18.8k Jan 4, 2023
An "awesome" type curated list of how to use React Native and Meteor together

Awesome React Native Meteor An "awesome" type curated list of how to use React Native and Meteor together. Based on Awesome React Native which was bas

Meteor Factory 153 Oct 23, 2022
Cross-Platform React Native UI Toolkit

Cross Platform React Native UI Toolkit Get Started Installation Follow these instructions to install React Native Elements! Usage Start using the comp

React Native Elements 23.1k Dec 31, 2022