小编Khu*_*ari的帖子

ion-datetime:如何在没有时间戳的情况下获取日期值?

我在 ionic4 中使用 ion-datetime 使用 NgModel 绑定到一个属性,但是,无论我在格式中包含什么选项,我总是得到包含时间戳的时间。¿如何从结果中删除时间戳,以便我的属性的最终值类似于“2019-04-22”而不是“2019-04-22T08:45:41.243-05:00”?

我试过了:但是,我仍然得到时间戳

 <ion-datetime max="2030" min="2019" [(ngModel)]="mydate" display-format="MMM DD, YYYY"></ion-datetime>
Run Code Online (Sandbox Code Playgroud)

我希望结果类似于:“2019-04-22”,但我不断收到:“2019-04-22T08:45:41.243-05:00”

javascript typescript ionic-framework angular ionic4

13
推荐指数
2
解决办法
2万
查看次数

如何更新Flutter SDK?

我是Flutter的新手。2个月前,我在Windows中安装了flutter SDK。现在,我看到了很多可用的更新。

我想更新“ Flutter SDK”。

如何将Flutter SDK更新到最新版本?

flutter

5
推荐指数
6
解决办法
4100
查看次数

Ionic 3 应用程序 - 如何使字体大小独立于本机设置?

我正在开发一个 Ionic 3 应用程序,我最近发布了它并在生产中,使用了各种类型和尺寸的手机,我注意到有一个名为“font-size”的 android 本机设置,您可以在其中设置文本的大小你的手机更大或更小。

有些人(其中包括许多老年人)选择“大”甚至“巨大”文本大小。不幸的是,这会影响我在手机上的应用程序中的文本,并完全破坏布局。

我在 css 文件中定义字体大小的方式是使用 em 值,但我也尝试过 px。您知道是否有任何方法可以阻止我的应用程序遵循此本机 Android 文本大小设置?或者有其他方法可以修复吗?请帮忙,干杯

android ionic-framework ionic3 angular

5
推荐指数
1
解决办法
3498
查看次数

如何在运行时在react-native-mapbox-gl中显示/隐藏栅格图层(可见性属性可见/无)

我在地图初始化中设置了自定义样式网址。喜欢 :

<Mapbox.MapView
   styleURL="asset://mystyle.json"
   logoEnabled={false}
   attributionEnabled={false}
   ref={(e) => { this.oMap = e }}
   animate={true}
   zoomLevel={6}
   centerCoordinate={[54.0, 24.0]}
   style={{ flex: 1 }}
   showUserLocation={true}>
</Mapbox.MapView>
Run Code Online (Sandbox Code Playgroud)

在mystyle.json中,我有两个基本映射,如下所示:

 {
      "id": "Satellite",
      "type": "raster",
      "source": "Satellite",
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "raster-opacity": 1
      }
    },
 {
      "id": "Satellite2",
      "type": "raster",
      "source": "Satellite",
      "layout": {
        "visibility": "none"
      },
      "paint": {
        "raster-opacity": 1
      }
    }
Run Code Online (Sandbox Code Playgroud)

卫星默认可见。

如何在运行时将Satellite属性的可见性设置为None,将Satellite2可见性设置为可见?

Mapbox gl:

"@mapbox/react-native-mapbox-gl": "^6.1.3"
Run Code Online (Sandbox Code Playgroud)

反应本机:

"react-native": "0.58.9",
Run Code Online (Sandbox Code Playgroud)

react-native react-native-mapbox-gl

5
推荐指数
1
解决办法
500
查看次数

如何从其他组件更新状态?

我正在使用本机反应和反应导航进行路由。

如何从另一个组件/页面更新状态?

主屏幕

export class HomeScreen extends Component {
  constructor(){
    this.state = {
      test: ''
    }
  }

  updateState = ()=>{
    this.setState({test:'new value'});
  }

 }



SideMenuScreen
import { HomeScreen } from "./home"; 

export class SideMenuScreen extends Component {

  updateHomeState = ()=>{
    let oHome = new HomeScreen(); 
    oHome.updateState();
  }

}
Run Code Online (Sandbox Code Playgroud)

我的App.js以及路由和sidemenu配置如下:

import { createAppContainer, createDrawerNavigator } from "react-navigation";
import { SideMenuScreen } from "./screens/Sidemenu";
import { HomeScreen } from "./screens/Home";

export default class App extends Component {
  render() {
    return(
      <AppContainer></AppContainer>
    ); …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-navigation

5
推荐指数
2
解决办法
2423
查看次数

如何防止重新渲染组件时自动滚动到顶部?

我在使用 nativebase 进行本地反应时面临一个问题。

<Content> 
   <List> 
     <ListItem> 
      <Left style={{ flex: 0 }}>
         <Icon name="user" type="SimpleLineIcons"></Icon>
      </Left>
      <Body>
         <Text> Profile </Text>
      </Body>
      <Right>
         <Switch value={this.state.profile} />
      </Right>
     </ListItem>
     ....
   </List> 
</Content> 
Run Code Online (Sandbox Code Playgroud)

当我更新状态(重新渲染组件)列表时,自动滚动到顶部/第一个:

this.setState({profile: true });
Run Code Online (Sandbox Code Playgroud)

如何防止自动滚动以获得更好的用户体验?

list scrollview react-native native-base

5
推荐指数
1
解决办法
6282
查看次数

在 UIManager 中找不到 RNCAndroidDropdownPicker

我已经安装了nativebase版本2.15.2。我在 Android 中遇到以下错误:

requireNativeComponent "RNCAndroidDropdownPicker" was not found in the UIManager
Run Code Online (Sandbox Code Playgroud)

react-native native-base

5
推荐指数
2
解决办法
7058
查看次数

如何使用Mapbox以编程方式添加标记/注释并进行本机反应

我是本机的新手,无法找到有关如何使用mapbox以编程方式向地图添加标记/注释的任何文档。

我们正在使用geofire查询,该查询会在兴趣点处于范围内时触发。

在触发器内,我想插入标记。

我发现的所有文档都是这样的:https : //www.mapbox.com/help/first-steps-react-native-sdk/ 在初始化和渲染期间添加标记。

到目前为止,这是我的代码

    render () {
        const {navigate} = this.props.navigation;
        return (
          <View style ={{flex: 1, position: 'relative'}}>
            <Mapbox.MapView
                styleURL={Mapbox.StyleURL.Dark}
                zoomLevel={15}
                centerCoordinate={[11.256, 43.770]}
                ref={map => { this.map = map; }}
                style={{flex: 1}}>
                {this.renderAnnotations([11.256, 43.770])}
            </Mapbox.MapView>


            <View style={styles.menuMainContainer}>

                {this.state.menuStatus ? <Animatable.View style={styles.menuSubcontainer}  animation={"bounceIn"}>
                    <View style={{justifyContent: 'space-between', justifyContent: 'center', flex: 1, marginBottom: 50}}>
                      <View style={{flexDirection: 'row', justifyContent: 'space-around'}}>
                        <MenuOptions imageSource={Images.lightIcon} menuTag="trash" name="Basureros"/>
                        <MenuOptions imageSource={Images.lightIcon} menuTag="holes" name="Huecos"/>
                      </View>
                      <View style={{flexDirection: 'row', justifyContent: 'space-around'}}>
                        <MenuOptions imageSource={Images.lightIcon} menuTag="hydrants" name="Hidrantes"/> …
Run Code Online (Sandbox Code Playgroud)

react-native react-native-mapbox-gl

4
推荐指数
1
解决办法
3685
查看次数

ionic 4 和 Angular 类型上不存在属性“onDidDismiss”

我正在开发一个应用程序,并且我有下一堂 TypeScript 课程。

\n\n

当它关闭模态时,我想尝试在 \xc2\xb4ModalController\xc2\xb4 中的回调类型方法中获取数据:

\n\n
import { Component, OnInit } from \'@angular/core\'; \nimport {NavController, ModalController} from \'@ionic/angular\'; \nimport { Router } from \'@angular/router\'; \nimport { HomePage } from \'../home/home.page\'; \nimport {AddItemPage} from \'../add-item/add-item.page\';\n\n@Component({   \n  selector: \'app-todo\',   \n  templateUrl: \'./todo.component.html\',   \n  styleUrls: [\'./todo.component.scss\']\n})\n\nexport class TodoComponent implements OnInit {\n\n  public items;\n\n  constructor(public navCtrl: NavController, public modalCtrl: ModalController) {\n    this.ionViewDidLoad();    \n  }\n\n  ngOnInit() {}\n\n  async addItem()  {\n    // Create a modal using MyModalComponent with some initial data \n     const modal …
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework angular ionic4

4
推荐指数
1
解决办法
6713
查看次数

Ionic4 - 如何在中心对齐警报按钮?

只是一个快速修复,但它如何使我的按钮居中?我正在使用“alertCtrl.create”

1

在警报离子文档页面中似乎也没有某种居中。

https://ionicframework.com/docs/api/alert-controller

 alertCtrl.create ({  
    header: 'Invalid Input',
    message: 'Please enter correct details',
    buttons: ['Okay']
}).then(alertElement => alertElement.present());
    return;
}
Run Code Online (Sandbox Code Playgroud)

ionic-framework angular ionic4

3
推荐指数
1
解决办法
1542
查看次数

如何在 React Native 的另一个组件中使用 ref ?

我在我的应用程序中使用了 React Native mpaboxgl 。

import MapboxGL from "@mapbox/react-native-mapbox-gl";


<MapboxGL.MapView
  logoEnabled={false}
  attributionEnabled={false}
  ref={(e) => { this.oMap = e }}
  zoomLevel={6}
  centerCoordinate={[54.0, 24.0]}> 
<MapboxGL.MapView> 
Run Code Online (Sandbox Code Playgroud)

如何在另一个组件中使用oMap?所以我可以做一些事情,比如从其他组件/页面上打开/关闭图层。

reactjs react-native react-native-maps

2
推荐指数
1
解决办法
8323
查看次数

Ionic 4 透明离子含量

我有一个 Ionic 4 应用程序,我想要一个透明的内容。

这不起作用,并且内容始终为白色。我也将其添加到 css 中:

ion-content{
  --ion-background-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

css sass ionic-framework ionic4

1
推荐指数
1
解决办法
3214
查看次数