https://github.com/nericode/nativescript-tooltip
NativeScript Tooltip - Android & iOS
https://github.com/nericode/nativescript-tooltip
Last synced: about 1 year ago
JSON representation
NativeScript Tooltip - Android & iOS
- Host: GitHub
- URL: https://github.com/nericode/nativescript-tooltip
- Owner: nericode
- License: apache-2.0
- Created: 2020-05-26T18:05:18.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T18:34:22.000Z (over 3 years ago)
- Last Synced: 2025-02-15T03:41:58.147Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 2.28 MB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tooltip {NS}  
## Installation
Ideally it would be something like:
```javascript
tns plugin add nativescript-tooltip-ns
```
## Screenshot
## Usage
```ts
import { TooltipNs } from "nativescript-tooltip-ns";
var tooltip = new TooltipNs();
var button = this.page.getViewById("label");
tooltip.show({
message: "Hello! this is my tooltip...",
view: button,
ios: {
hasInterval: false,
shadow: true,
cornerRadius: 0,
margin: [0, 0, 0, 0],
padding: [0, 0, 0, 0],
color: "yellow",
textColor: "black", // Optional
},
android: {
position: "bottom",
style: "ToolTipLayoutCustomStyle",
fitToScreen: true,
},
});
setTimeout(() => {
tooltip.dismiss();
}, 1500);
```
In .html:
```html
```
Custom Style(Only Android)
In App_Resources/Android/src/main/res/values/styles
```xml
<item name="ttlm_padding">25dip</item>
<item name="ttlm_backgroundColor">#000000</item>
<item name="android:textAppearance">@style/TextAppearanceCustom</item>
<item name="android:textColor">@android:color/white</item>
```
## API
```ts
export interface Options {
message: string;
view: any;
ios?: {
hasInterval?: boolean;
interval?: number;
shadow?: boolean;
cornerRadius?: number;
padding: Array;
margin: Array;
color: string;
textColor?: string;
};
android?: {
position?: ToolTipPosition;
viewType?: ToolTipViewType;
duration?: number;
fadeDuration?: number;
width?: number;
delay?: number;
hideArrow?: boolean;
style?: string;
fitToScreen?: boolean;
};
}
export declare type ToolTipPosition =
| "left"
| "up"
| "right"
| "down"
| "top"
| "bottom";
export declare type ToolTipViewType = "native";
```
## License
Apache License Version 2.0, January 2004