IntelliSense for StyleSheet

Actual Behavior

not show IntelliSense for StyleSheet key
not show IntelliSense for StyleSheet value
func IntelliSense always show when I edit the StyleSheet

Expected Behavior

support IntelliSense for StyleSheet key. for Instance, when I input "align", I expect get "alignItems" IntelliSense
support IntelliSense for StyleSheet available value for given key. for Instance, when I input "alignItems: ", I expect IntelliSense are flex-start, center, flex-end, and stretch
don't show func IntelliSense when I edit StyleSheet

Software versions

React-Native VS Code extension version: 0.2.0
VSCode version: 1.5.3
OS platform and version: MacOS 10.11.6
React Native version: 0.34

This is an issue with the types defined in the DefinitelyTyped repo (e.g. for the above see https://github.com/DefinitelyTyped/DefinitelyTyped/blob/types-2.0/react-native/index.d.ts#L3535 ). If someone wants to contribute better type definitions, that'd be awesome.

xdyang (@dev-xdyang)

xdyang (@dev-xdyang), Bill Ticehurst (@billti), a830751 should fix the problem with autocompleting properties.

As for 2 and 3 - the first is still a problem, even with the changes from a830751 It looks for me like a typescript issue, very similar to microsoft/TypeScript#11331

The second one probably has nothing to do with this extension - this is how VSCode displays a hint for function parameters. Hitting Esc once works for me - the hint disappears and is not being displayed anymore.

Jimmy Thomson (@MSLaguana)

Jimmy Thomson (@MSLaguana), this should have been resolved by #306. Can we close this?

xdyang (@dev-xdyang)

xdyang (@dev-xdyang) We have updated the typings we use now as Vladimir Kotikov (@vladimir-kotikov) mentions, so it should be fixed. If you still have problems, feel free to re-open.

VSCode 1.24.1
React Native Tools 0.7.0

I'm still experiencing this error, only the values are shown:

Jose Miguel Gallas Olmedo (@josemigallas)

Hi Jose Miguel Gallas Olmedo (@josemigallas) extension isn't responsible for intelisense for React native anymore, I believe you better address this to vscode repo as now it manages typings stuff.

I create a function to fix this problem temporarily

import { ViewStyle, TextStyle, ImageStyle } from 'react-native'

/**
 * Quick Style
 *
 * related issue
 * @see https://github.com/Microsoft/vscode-react-native/issues/306
 * @see https://github.com/Microsoft/TypeScript/issues/29180
 * @see https://github.com/Microsoft/TypeScript/issues/28470
 *
 * Marco? `$`
 * @see https://github.com/Microsoft/TypeScript/issues/4892
 *
 * @todo `ViewStyle | TextStyle | ImageStyle` no work
 *  */
type _QS = ViewStyle & TextStyle & ImageStyle

export function $(style: _QS) {
  return style
}

usage

const styles = StyleSheet.create({
  item: $({
    position: 'relative',
    overflow: 'visible',
  }),
})

And it works

😂

Ce Wang (@HaloWang)

Has this issue been fixed? Even with the fix from Ce Wang (@HaloWang) I still don't get intellisense suggestions after the first line.

Same issue here. Ended up finding this extension which helps.
https://marketplace.visualstudio.com/items?itemName=jundat95.react-native-snippet

same issue.

Navigation Menu

Repository navigation

IntelliSense for StyleSheet #306

Actual Behavior

Expected Behavior

Software versions

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

IntelliSense for StyleSheet #306

Description

Actual Behavior

Expected Behavior

Software versions

Activity

billti commented on Oct 10, 2016

vladimir-kotikov commented on Oct 19, 2016

vladimir-kotikov commented on Nov 8, 2016

MSLaguana commented on Nov 8, 2016

josemigallas commented on Dec 5, 2018

ruslan-bikkinin commented on Dec 6, 2018

HaloWang commented on Feb 27, 2019

NilsBacke commented on May 9, 2019

GollyJer commented on Jun 7, 2019

ImAbhishekTomar commented on Mar 8, 2022

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions