小编Edr*_*ric的帖子

Angular 7 Material Card 最大高度和可滚动

我的应用程序使用网格布局。在左下角的网格中,我使用的是 Material Cards。卡片具有动态内容,这意味着卡片的高度不同。如何设置卡片的最大高度,以便它们不会在屏幕末尾被切断?由于卡片具有动态内容,我如何使卡片可滚动?

在此处输入图片说明

angular-material angular

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

嵌套选项卡组上的角度材料选项卡组问题(未显示默认选项卡)

我面临以下问题,将 mat-tab-group 嵌套在 mat-tab-group 中。父组第一个选项卡中的嵌套组选择默认选项卡并在第一个选项卡中显示下划线,但嵌套在父组第三个选项卡中的组,在任何选项卡中都不显示下划线。

我已附上问题的演示链接:https : //stackblitz.com/edit/angular-material-tabs-problem

有什么帮助吗?提前致谢!

nested angular-material angular

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

React.js Material-UI 中的底部导航样式

如何将所选链接(本例中为主页)的图标和文本颜色更改为红色,将非活动链接(本例中为课程和作者)的图标和文本颜色更改为绿色?文档很薄。

在此处输入图片说明

class MyBottomNavigation extends Component {

  render() {
    return (
      <Paper zDepth={1}>
        <BottomNavigation selectedIndex={this.state.selectedIndex}>

          <BottomNavigationItem
            label="Home"
            icon={recentsIcon}
          />

          <BottomNavigationItem
            label="Course"
            icon={favoritesIcon}
          />

          <BottomNavigationItem
            label="Authors"
            icon={nearbyIcon}
          />
        </BottomNavigation>
      </Paper>
    )
  }
}

export default MyBottomNavigation
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui jss

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

如何在 mat-autocomplete 的输入中添加下拉箭头

我使用 mat-autocomplete 来过滤我的数据。一切正常,但我想要一个下拉箭头来显示输入中的所有选项。在 md-autocomplete 中,我们可以使用dropdown-arrow="true"但在 mat-autocomplete 中不支持它。那么如何在 mat-autocomplete 中添加下拉箭头呢?这是我的component.ts

<form class="example-form">
    <mat-form-field class="example-full-width">  

    <input type="text" aria-label="Number" matInput 
    [formControl]="myControl" [matAutocomplete]="auto4"
    [hidden]="loadWithFilters&&loadWithFilters.field==='IP'">  

    <mat-autocomplete #auto4="matAutocomplete" dropdown-arrow="true" 
    (optionSelected)="onFilterOptionSelected($event,'IP')" >  

    <mat-option *ngFor="let option of filteredIP | async" 
    [value]="option.key">
        {{option.value}}
    </mat-option>
   </mat-autocomplete>  
   </mat-form-field>
</form>
Run Code Online (Sandbox Code Playgroud)

angular-material angular mat-autocomplete

4
推荐指数
2
解决办法
8722
查看次数

如何让Material UI Tab组件在react中自动滚动

我在 React 中使用 Material Design UI React 组件作为前端,我遇到了选项卡问题,我希望当单击任何提到的选项卡时,页面会自动向下滚动,现在当我单击该选项卡页面时不会滚动

我尝试使用反应滚动模块,但它没有给出结果,而是将我扔到页面末尾,

演示示例: https: //codesandbox.io/s/yko6x8r0wz

当单击选项卡部分中的 PageOne 时,它​​应该向下滚动一点

tabs reactjs material-ui

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

在 Playstore 中上传 APK 时如何修复“无 JAR 签名”?

我在 Android Studio 3.4 中开发了我的应用程序。现在我需要在 Playstore 上发布我的应用程序的 v1 并且出现以下错误:

You uploaded an APK with an invalid signature (learn more about signing). Error from apksigner: ERROR: JAR_SIG_NO_SIGNATURES: No JAR signatures
Run Code Online (Sandbox Code Playgroud)

android apk google-play-console

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

如何在视觉上区分只读文本字段?

我正在使用 Material-UI 库来制作表单。但我不知道如何区分我的文本字段处于只读或编辑模式时。看起来一样。我希望用户注意到他何时以这种或另一种方式。提前致谢。

          <TextField
            inputProps={{
              readOnly: Boolean(readOnly),
              disabled: Boolean(readOnly),
            }}
            required
            fullWidth
            name="first_name"
            type="text"
            label="First Name"
            value={first_name || ''}
            onChange={this.handleChange}
          />
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui

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

如何在 Android 10 中获取有关手机 IMEI 的信息?

在 Android 10 之前,我使用TelephonyManagerAPI 来检索该信息,但它不再适用于 Android 10。

android imei telephonymanager android-permissions

4
推荐指数
2
解决办法
7844
查看次数

如何停止在自动完成组件中添加重复的芯片?

如何停止使用 Angular Material 芯片在列表中添加重复值?所以,例如,我想在水果列表中只添加一个苹果,当我添加柠檬时,我只想添加一个。现在我可以添加多次。当我关闭芯片时,我希望能够再次添加它。我将不胜感激任何帮助。谢谢!

import {COMMA, ENTER} from '@angular/cdk/keycodes';
import {Component, ElementRef, ViewChild} from '@angular/core';
import {FormControl} from '@angular/forms';
import {MatAutocompleteSelectedEvent, MatChipInputEvent} from '@angular/material';
import {Observable} from 'rxjs';
import {map, startWith} from 'rxjs/operators';

/**
 * @title Chips Autocomplete
 */
@Component({
  selector: 'chips-autocomplete-example',
  templateUrl: 'chips-autocomplete-example.html',
  styleUrls: ['chips-autocomplete-example.css']
})
export class ChipsAutocompleteExample {
  visible: boolean = true;
  selectable: boolean = true;
  removable: boolean = true;
  addOnBlur: boolean = false;

  separatorKeysCodes = [ENTER, COMMA];

  fruitCtrl = new FormControl();

  filteredFruits: Observable<any[]>;

  fruits = [ …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

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

NDK 从 20.1 升级到 21.0 后 Android 应用程序崩溃

我正在使用 Android Studio 创建一个使用 Java、Kotlin 和 C++ 的应用程序。

昨天我把Android NDK从20.1版本升级到了21.0版本,然后如果我连接到我的android手机并运行,android studio总是崩溃。

Logcat中的崩溃日志如下。

    --------- beginning of crash
2020-01-17 15:46:15.737 13606-13606/com.blinkai.Video_2020_Debugging E/AndroidRuntime: FATAL EXCEPTION: main
    Process: com.blinkai.Video_2020_Debugging, PID: 13606
    java.lang.UnsatisfiedLinkError: dlopen failed: library "libomp.so" not found
        at java.lang.Runtime.loadLibrary0(Runtime.java:1071)
        at java.lang.Runtime.loadLibrary0(Runtime.java:1007)
        at java.lang.System.loadLibrary(System.java:1667)
        at com.blinkai.blinkai.MainActivity.<clinit>(MainActivity.kt:395)
        at java.lang.Class.newInstance(Native Method)
        at android.app.AppComponentFactory.instantiateActivity(AppComponentFactory.java:95)
        at android.support.v4.app.CoreComponentFactory.instantiateActivity(CoreComponentFactory.java:43)
        at android.app.Instrumentation.newActivity(Instrumentation.java:1251)
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3328)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3594)
        at android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:83)
        at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:135)
        at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:95)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2146)
        at android.os.Handler.dispatchMessage(Handler.java:107)
        at android.os.Looper.loop(Looper.java:237)
        at android.app.ActivityThread.main(ActivityThread.java:7762)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1047)
Run Code Online (Sandbox Code Playgroud)

MainActivity.kt:395 中的代码是:

// Used …
Run Code Online (Sandbox Code Playgroud)

crash android upgrade android-ndk

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